melonJS

In the author's own words, from each skill's SKILL.md.

• melonjs-20-migration

  Use this skill when writing melonJS code that may be based on pre-20.x knowledge, when migrating a game from melonJS 19.x or earlier, or when an API you expected does not exist. Covers the mandatory async Application.init(), the WebGL 2 baseline and WebGPU backend, renderable post effects replacing the shader property, and the deprecated exports still present. Triggers on: migration, upgrade, mel…

  packages/melonjs/skills/melonjs-20-migration/SKILL.md on GitHub (opens in a new tab)

• melonjs-3d-assets

  Use this skill when loading 3D models into melonJS — glTF and GLB scenes, OBJ/MTL models, materials, imported lights, node animation, ground shadows and GPU instancing. Covers level.load options including the async flag, the rightHanded conversion, and exactly what the loader does and does not support. Triggers on: glTF, gltf, glb, OBJ, MTL, 3D model, getGLTF, getOBJ, getMTL, GLTFModel, GLTFScene…

  packages/melonjs/skills/melonjs-3d-assets/SKILL.md on GitHub (opens in a new tab)

• melonjs-3d

  Use this skill for anything 3D or 2.5D in melonJS — Camera3d, Mesh, InstancedMesh, Sprite3d billboards, Light3d, ground shadows, glTF/GLB scenes, and depth sorting. Covers the Y-down/+Z-forward convention that is the inverse of OpenGL, the cameraClass opt-in, clip planes, and what does not work on the Canvas fallback. Triggers on: Camera3d, Mesh, InstancedMesh, Sprite3d, Trail3d, ribbon, exhaust…

  packages/melonjs/skills/melonjs-3d/SKILL.md on GitHub (opens in a new tab)

• melonjs-audio

  Use this skill for sound and music in melonJS — loading audio, playing effects, background tracks, audio sprites, volume and muting, spatial audio, procedural tone/noise generation, and effects such as reverb or a compressor on the whole mix. Covers the mandatory audio.init format list, the directory-not-file src convention, playTrack versus play, the fixed listener and pixel-scale distances of p…

  packages/melonjs/skills/melonjs-audio/SKILL.md on GitHub (opens in a new tab)

• melonjs-camera-and-drawing

  Use this skill for camera control and immediate-mode drawing in melonJS — following a target, viewport bounds, shake and fade, secondary cameras and what each one draws, and drawing shapes, lines and gradients inside a custom draw(). Covers world versus screen coordinate conversion, clipping and masking, baking with CanvasRenderTarget, and reading pixels back. Triggers on: Camera2d, viewport, fol…

  packages/melonjs/skills/melonjs-camera-and-drawing/SKILL.md on GitHub (opens in a new tab)

• melonjs-deployment

  Use this skill when packaging, shipping or scaffolding a melonJS game — starting a project with create-melonjs, building for the web, wrapping as a native app with Capacitor or Cordova, publishing to WeChat Mini Games or Facebook Instant Games, browser support and transpiling. Triggers on: create-melonjs, scaffold, new project, build, deploy, publish, Capacitor, Cordova, native app, iOS, Android,…

  packages/melonjs/skills/melonjs-deployment/SKILL.md on GitHub (opens in a new tab)

• melonjs-display-and-scaling

  Use this skill when a melonJS game looks blurry, soft, shimmering or cropped, or when choosing how the canvas fills its page. Covers the design resolution, scale and scaleMethod, scaleTarget, scaleRounding for pixel-perfect integer scaling, antiAlias, textureFilter and linear-mipmap for what is drawn small, subPixel, syncToDisplay for steady motion, devicePixelRatio, and which setting does which…

  packages/melonjs/skills/melonjs-display-and-scaling/SKILL.md on GitHub (opens in a new tab)

• melonjs-effects-and-shaders

  Use this skill for post-processing effects, custom shaders, blend modes and colour grading in melonJS. Covers the built-in ShaderEffect presets, addPostEffect on renderables and cameras, writing a custom dual-language GLSL/WGSL effect, the screen_texture builtins, and why effects silently do nothing on the Canvas fallback. Triggers on: Tween, easing, animate an effect, ShaderEffect, addPostEffect…

  packages/melonjs/skills/melonjs-effects-and-shaders/SKILL.md on GitHub (opens in a new tab)

• melonjs-events

  Use this skill for the melonJS event bus and lifecycle hooks — subscribing to engine events, the per-frame and per-state event names, renderable lifecycle callbacks, and how to unsubscribe without leaking. Triggers on: event.on, event.off, event.once, event.emit, GAME_UPDATE, GAME_BEFORE_DRAW, LEVEL_LOADED, LOADER_COMPLETE, STATE_CHANGE, CANVAS_ONRESIZE, POINTERMOVE, WORLD_STEP, onActivateEvent,…

  packages/melonjs/skills/melonjs-events/SKILL.md on GitHub (opens in a new tab)

• melonjs-getting-started

  Use this skill when starting or bootstrapping a melonJS game, creating the Application, choosing a renderer, or setting up the first scene. Covers the mandatory async init, the world container, adding renderables, and the WebGPU/WebGL 2/Canvas fallback. Triggers on: melonjs, new Application, app.init, app.world, video.AUTO, video.WEBGL, video.CANVAS, Stage, state.change, getting started, bootstra…

  packages/melonjs/skills/melonjs-getting-started/SKILL.md on GitHub (opens in a new tab)

• melonjs-input

  Use this skill for keyboard, pointer, mouse, touch and gamepad input in melonJS. Covers the bindKey action indirection, registerPointerEvent on regions, the isKinematic requirement that silently blocks pointer events, which of several overlapping objects receives an event and how to consume it, world vs screen pointer coordinates, and gamepad mapping onto the same actions. Triggers on: input, bin…

  packages/melonjs/skills/melonjs-input/SKILL.md on GitHub (opens in a new tab)

• melonjs-lighting

  Use this skill for 2D dynamic lighting in melonJS — Light2d, ambient light on a Stage, multiple lights, and per-pixel normal-mapped sprites authored in SpriteIlluminator. Covers specular highlights via shininess, the ambient-cutout model, which parts need a GPU backend, and why Light2d does not survive a Camera3d. Triggers on: Light2d, specular, shininess, highlight, glint, lighting, ambientLight…

  packages/melonjs/skills/melonjs-lighting/SKILL.md on GitHub (opens in a new tab)

• melonjs-loading-assets

  Use this skill for loading and managing game assets in melonJS — the resource descriptor format, the full asset type list, preload versus load, retrieving loaded assets, base URLs and cross-origin settings, and the loading screen. Triggers on: loader, loader.preload, loader.load, resources, getImage, getJSON, getTMX, getGLTF, getVideo, getFont, setBaseURL, setOptions, crossOrigin, withCredentials…

  packages/melonjs/skills/melonjs-loading-assets/SKILL.md on GitHub (opens in a new tab)

• melonjs-math

  Use this skill for vector and matrix maths in melonJS — Vector2d, Vector3d, their observable variants, Matrix2d, Matrix3d, and the math utility functions. Covers which methods mutate and which allocate, the vector pool and when clone() is the wrong tool, interpolation with lerp, slerp, damp and moveTowards, and the argument defaults that silently drop a component. Triggers on: Vector2d, Vector3d,…

  packages/melonjs/skills/melonjs-math/SKILL.md on GitHub (opens in a new tab)

• melonjs-particles-and-trails

  Use this skill for particle effects and motion trails in melonJS — ParticleEmitter configuration, burst versus stream emission, the referenceSpace frame of reference introduced in 20.2, 3D particle motion through elevation and minSpread/maxSpread in 20.8, and the Trail renderable. Covers the emitter that silently does nothing until you call an emit method. Triggers on: Trail3d, ribbon, exhaust tr…

  packages/melonjs/skills/melonjs-particles-and-trails/SKILL.md on GitHub (opens in a new tab)

• melonjs-performance

  Use this skill when a melonJS game drops frames, allocates heavily, or needs to scale to many objects. Covers object pooling, draw-call batching, atlases, baking with CanvasRenderTarget, instancing, culling and alwaysUpdate, the debug plugin, and where the real costs are. Triggers on: performance, slow, frame rate, fps, lag, pool, pool.register, pool.pull, batching, draw calls, InstancedMesh, cul…

  packages/melonjs/skills/melonjs-performance/SKILL.md on GitHub (opens in a new tab)

• melonjs-physics

  Use this skill for collision, physics bodies, movement, and spatial queries in melonJS — the built-in SAT world and the planck/matter adapters. Covers bodyDef vs Body, collision types and masks, the collision callback family and their firing rules, raycast/queryAABB/querySphere, the behaviour differences between adapters, and which one to pick for a given game. Triggers on: which physics engine,…

  packages/melonjs/skills/melonjs-physics/SKILL.md on GitHub (opens in a new tab)

• melonjs-plugins

  Use this skill when adding a melonJS plugin or adapter — the debug panel, Spine skeletal animation, compressed Tiled map support, Capacitor packaging — or when writing your own plugin. Covers plugin.register and its version gate, plugin.cache, plugin.patch, and why physics adapters are not plugins. Triggers on: plugin, plugin.register, plugin.cache, plugin.get, plugin.patch, BasePlugin, debug-plu…

  packages/melonjs/skills/melonjs-plugins/SKILL.md on GitHub (opens in a new tab)

• 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(,…

  packages/melonjs/skills/melonjs-renderables/SKILL.md on GitHub (opens in a new tab)

• melonjs-renderer-backends

  Use this skill when a feature works on one machine and not another, when choosing or pinning a renderer, or when writing code that must degrade gracefully. Covers the WebGPU to WebGL 2 to Canvas fallback ladder, what each backend supports, capability detection, and the subsystems that warn once and then stop working on Canvas. Triggers on: video.AUTO, video.WEBGPU, video.WEBGL, video.CANVAS, rend…

  packages/melonjs/skills/melonjs-renderer-backends/SKILL.md on GitHub (opens in a new tab)

• melonjs-scenes-and-state

  Use this skill for scene structure and game flow in melonJS — Stage subclasses, the state manager, transitions, pausing, the update loop, timers and tweens. Covers onResetEvent versus the constructor, state.set before state.change, the camera and world lifecycle per stage, and pause-aware timing. Triggers on: Tween, easing, fade out, flash, pulse, punch, shrink back, ease in, ease out, animate ov…

  packages/melonjs/skills/melonjs-scenes-and-state/SKILL.md on GitHub (opens in a new tab)

• melonjs-sprites-and-animation

  Use this skill when creating sprites, playing frame animations, or working with texture atlases in melonJS. Covers Sprite construction from a plain image or an atlas region, addAnimation/setCurrentAnimation, TextureAtlas for TexturePacker/ShoeBox/Aseprite, tint, flip, NineSliceSprite, and the centred anchorPoint that offsets naive positioning. Triggers on: Sprite, new Sprite, addAnimation, setCur…

  packages/melonjs/skills/melonjs-sprites-and-animation/SKILL.md on GitHub (opens in a new tab)

• 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, lev…

  packages/melonjs/skills/melonjs-tilemaps/SKILL.md on GitHub (opens in a new tab)

• melonjs-ui-and-text

  Use this skill for HUDs, buttons, menus, dialogue panels, progress bars and on-screen text in melonJS. Covers UIBaseElement/UISpriteElement/UITextButton, ProgressBar, UIPanel, Draggable and DropTarget, the floating screen-space container pattern, which of two overlapping panels gets the pointer, Text and BitmapText, web font loading, and NineSliceSprite panels. Triggers on: UI, HUD, button, UIBas…

  packages/melonjs/skills/melonjs-ui-and-text/SKILL.md on GitHub (opens in a new tab)

• melonjs

  Use this skill FIRST for any melonJS task; it routes to the right specialised skill and lists the companion packages. melonJS is an open-source 2D, 2.5D and 3D HTML5 game engine running on WebGPU, WebGL 2 or Canvas. Covers Application setup, the scene graph, renderables, sprites, tilemaps, physics, audio, particles, shaders, and the 3D tier — perspective cameras, meshes and glTF scenes. Triggers…

  packages/melonjs/skills/melonjs/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• editorby pascalorg Open-source 3D architectural editor with a local CLI, MCP tools, and practical workflows for humans and AI agents. 25.1k stars · 5 skills
• lemo-opuscarby lemomo-ai A toolbox of film styles made in code for Claude Code: 59 ready to use, and your own. Each style is a style prompt plus a demo film made en… 7.4k stars · 1 skill
• reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries. 385k stars · 1 skill
• skillsby anthropics Public repository for Agent Skills 184k stars · 19 skills
• ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote. 176k stars · 6 skills
• agent-skillsby addyosmani Production-grade engineering skills for AI coding agents. 111k stars · 25 skills