-
-
Notifications
You must be signed in to change notification settings - Fork 660
Home
Olivier Biot edited this page Apr 5, 2026
·
116 revisions
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
- 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
- MDN JavaScript Guide — comprehensive reference by Mozilla
- Eloquent JavaScript — free online book