← Gaming Lab

KAPLAY LAB

Sucesor Oficial de Kaboom.js

v3001.0.19 — CDN unpkg

FROG JUMPER

DEMO INTERACTIVO

ESPACIO o CLICK / TOCAR para saltar  |  Mantén para subir más alto  |  Esquiva obstáculos

TOCA PARA SALTAR — MANTÉN PARA VOLAR

¿Qué es KAPLAY?

KAPLAY es el sucesor oficial de Kaboom.js, mantenido por la comunidad. Conserva la misma filosofía de componentes pero con mejoras en estabilidad, sistema de input, y soporte activo.

Tamaño: ~60 KB (gzip)
Render: Canvas 2D
Dependencias: Ninguna

¿Por qué migramos?

  • Kaboom.js v3000 está descontinuado
  • KAPLAY corrige bugs de mousePos() con letterbox
  • Mejor sistema de eventos táctiles
  • Comunidad activa y releases frecuentes
  • API casi idéntica — migración trivial

Cambios clave

  • import kaplay from "kaplay"
  • kaplay({ ... }) en vez de kaboom()
  • onClick("tag", fn) funciona con area()
  • Eventos de input más predecibles
  • Mejor soporte para botones en canvas

Estado del experimento

Este juego fue originalmente desarrollado con Kaboom.js v3000 pero se migró a KAPLAY debido a limitaciones insalvables en el sistema de eventos de la versión anterior.

Ver versión archivada en Kaboom.js →

Código del Juego

// Frog Jumper — Demo responsive con KAPLAY // Botones UI fuera del canvas (HTML nativo) import kaplay from "https://unpkg.com/kaplay@3001.0.19/dist/kaplay.mjs"; const k = kaplay({ canvas: document.getElementById("game-canvas"), width: 800, height: 450, background: [15, 15, 25], letterbox: true, });