por Juanjo LunaRenderables personalizados en melonJS
Te ayuda a crear objetos dibujables personalizados en melonJS. Sirve cuando necesitas definir tu propio dibujo, gestionar eventos de puntero o controlar el orden de renderizado.
Descripción original (inglés)
melonjs-renderables: Use this skill when subclassing Renderable, writing a custom draw() method, handling pointer or click events on game objects, applying post effects and shaders, or controlling draw order. Covers the pos-relative draw contract, isKinematic and input, addPostEffect vs the deprecated shader property, and z-ordering. Triggers on: Tween, easing, animate, Renderable, extends Renderable, draw(, update(, isKinematic, pointerEvent, registerPointerEvent, onClick, addPostEffect, removePostEffect, ShaderEffect, addChild, z-order, anchorPoint, floating.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta melonjs-renderables 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-renderables" ~/.claude/skills/melonjs-renderables
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.