por Juanjo LunaMapas de tiles en melonJS
Te ayuda a usar mapas creados en Tiled dentro de melonJS. Sirve cuando necesitas cargar niveles TMX, crear objetos desde el mapa o trabajar con capas, colisiones y tipos de mapa especiales.
Descripción original (inglés)
melonjs-tilemaps: Use this skill for Tiled maps in melonJS — loading TMX/TSX levels, spawning entities from Tiled objects, collision shapes authored in Tiled, isometric and hexagonal maps, and image layers. Covers registerTiledObjectClass and the pool.register name contract, camera bounds, compressed maps needing the inflate plugin, and the level director API. Triggers on: Tiled, TMX, TSX, tilemap, level.load, level.load async, await level.load, tileset, ImageLayer, isometric, hexagonal, staggered, pool.register, Collectable, Trigger, object layer, collision layer, parallax, registerTiledObjectClass, registerTiledObjectFactory, TMXObject, resolvedProperty, resolvedProperties, tile class, tile properties.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta melonjs-tilemaps en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/melonjs/melonJS.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/packages/melonjs/skills/melonjs-tilemaps" ~/.claude/skills/melonjs-tilemaps
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de melonjs/melonJS
- Guía general de melonJS melonjs
- Migrar código de melonJS 20 melonjs-20-migration
- Trabajar en 3D con melonJS melonjs-3d
- Cargar modelos 3D en melonJS melonjs-3d-assets
- Audio y música en melonJS melonjs-audio
- Cámara y dibujo en melonJS melonjs-camera-and-drawing
- Publicar juegos melonJS melonjs-deployment
- Escalado y nitidez en melonJS melonjs-display-and-scaling
Explicación redactada con ayuda de IA a partir de la descripción original.