Welcome to the melonJS wiki — your guide to building 2D games with melonJS.

New to melonJS? Start here:

npm create melonjs my-game
cd my-game
npm install
npm run dev

• FAQ — common questions and answers
• Beginner Tutorial: Platformer Game — step-by-step guide to building your first game
• Boilerplate — ready-to-go project template with TypeScript and Vite
• Live Examples — interactive demos showcasing engine features

• The Core Engine — game loop, states, and the Application class
• Renderables — Renderable, Sprite, Text, and BitmapText
• Container — scene graph, child management, and nesting
• Adding and Managing Game Objects — world container, z-ordering, object pool, persistence
• Resources & Asset Loading — preloading images, audio, maps, and fonts

• Rendering API — full API reference with Canvas 2D comparison, gradients, dashed lines, bezier curves, and more
• API Documentation — auto-generated API docs

• Adding a Physics Body — body, shapes, velocity, friction, and collision types
• Collision Shapes — Rect, Ellipse, Polygon, Line, and RoundRect
• Defining Collision Shapes in Tiled — drawing collision layers in the Tiled map editor

• Tiled Map Editor — the map editor used by melonJS
• Defining Collision Shapes in Tiled — collision layers and shape types
• melonJS Particle Studio — visual particle editor

• Using TexturePacker — create and use texture atlases
• Using PhysicsEditor — import complex collision shapes
• Using Bitmap Fonts — generate and render bitmap fonts

• Facebook Instant Games
• WeChat Mini Games

• Discord — chat with the melonJS community
• Made with melonJS — games and demos built with melonJS
• Upgrade Guide — API changes between versions
• Upgrading to melonJS 2 — migrating from ES5/Legacy to ES6 classes
• Contributing — how to contribute to melonJS

• Beginner Tutorial: Platformer Game
• Space Invaders with ConfigCat
• Building a Typing Game

• MDN JavaScript Guide — comprehensive reference by Mozilla
• Eloquent JavaScript — free online book