melonJS

Load glTF, GLB, or OBJ/MTL assets into melonJS and understand how their materials, lights, animations, shadows, and instances are handled. The guide explains loader options and common format limitations so you can configure scenes and diagnose missing or incorrectly rendered asset features.

中文简介正在准备中。当前显示英语简介。

• Loading a glTF or GLB scene into a melonJS level
• Adding a static OBJ model with its MTL material
• Checking why imported materials or lights look different

Build 3D or 2.5D scenes in melonJS with cameras, meshes, billboards, lights, shadows, and depth sorting. This guide explains the engine’s Y-down and +Z-forward coordinates, camera setup, transparency, and fog, and identifies features that require a GPU renderer instead of the Canvas fallback.

中文简介正在准备中。当前显示英语简介。

• Setting up a Camera3d for a game stage
• Placing meshes, billboards, or repeated instances
• Fixing depth order or transparency in a 3D scene

Manage sound in melonJS games: load audio, play effects and looping background tracks, control volume, and place sounds in the game world. It also covers generated tones and noise, whole-mix effects, and common causes of silent playback.

中文简介正在准备中。当前显示英语简介。

• Loading sound files and choosing supported audio formats
• Playing sound effects and looping background music
• Positioning sounds around a player or game object

Use this skill to control melonJS cameras and draw shapes, lines, and gradients. It covers target following, camera bounds and effects, coordinate conversion, clipping, rendering into a canvas target, and reading rendered pixels for images or data.

中文简介正在准备中。当前显示英语简介。

• Making a camera follow a player within world bounds
• Converting pointer or 3D positions to screen coordinates
• Drawing shapes or gradients in a custom draw method

Prepare a melonJS game for web builds, native app packaging, or mini-game platforms. The guide covers project scaffolding, browser syntax support, transpiling, asset-loading constraints, and practical bundle-size considerations.

中文简介正在准备中。当前显示英语简介。

• Scaffolding a new melonJS project
• Preparing a game for iOS or Android packaging
• Checking support for older browsers

Apply built-in visual effects such as blur, glow, and bloom to sprites or cameras, and create custom effects with GLSL and WGSL shader code. The guide also explains blend modes, color grading, and why shader effects do not run on the Canvas renderer.

中文简介正在准备中。当前显示英语简介。

• Add glow, blur, or other effects to a sprite or camera
• Create a custom effect for WebGL or WebGPU
• Adjust a game's colors with a color matrix

Use melonJS events and renderable lifecycle callbacks to react to updates, state changes, loading, and pointer movement. Learn how to remove listeners with the same handler and context, and where pooled objects need cleanup to avoid repeated subscriptions.

中文简介正在准备中。当前显示英语简介。

• Reacting to game updates or state changes
• Listening for asset loading completion
• Cleaning up listeners on pooled objects

Set up a melonJS 20.x game by initializing its Application, choosing a renderer, adding objects to the world, and creating scenes. The guide also explains how renderer differences affect which visual features are available.

中文简介正在准备中。当前显示英语简介。

• Starting a new melonJS 20.x game
• Fixing a blank screen after creating an Application
• Choosing a renderer for different environments

Handle keyboard, pointer, touch, and gamepad input in melonJS by mapping devices to shared action names. The guide explains pointer events, overlapping hit targets, world versus screen coordinates, and common causes of handlers that never fire.

中文简介正在准备中。当前显示英语简介。

• Map keyboard keys and gamepad controls to shared actions
• Add pointer or touch handling to a game object
• Control which overlapping object receives a click

Create 2D dynamic lighting in melonJS with Light2d and stage ambient darkness. Configure soft light, multiple sources, normal-mapped sprites, and specular highlights, while understanding which effects require a GPU renderer and why the system does not align with Camera3d.

中文简介正在准备中。当前显示英语简介。

• Adding torchlight or glow to a 2D scene
• Setting ambient darkness on a stage
• Making normal-mapped sprites respond to light

Use this skill to work with melonJS vectors, matrices, and math utilities. It explains which operations change an existing value, how interpolation choices affect motion, and how to avoid common mistakes with pooled vectors, matrix data, and omitted arguments.

中文简介正在准备中。当前显示英语简介。

• Choosing between lerp, slerp, damp, and moveTowards
• Finding why a vector component changed or stayed unchanged
• Avoiding unnecessary vector allocations in a game loop

Create particle effects and motion trails in melonJS, from one-shot bursts and continuous streams to 2D and 3D ribbons. Learn how emission space, 3D spread, color changes, and renderer choices affect the result.

中文简介正在准备中。当前显示英语简介。

• Creating explosions, smoke, sparks, or flames
• Adding exhaust trails or surface marks
• Adjusting particle direction and spawn area

Diagnose melonJS game slowdowns by measuring frame time and draw calls, then tune common sources of cost. The guide covers object pooling, batching, atlases, culling, render targets, and 3D instancing, with practical tradeoffs and symptoms to check.

中文简介正在准备中。当前显示英语简介。

• Investigating frame rate drops
• Reducing repeated object allocations
• Lowering draw calls in sprite scenes

Set up collisions, physics bodies, movement, and spatial queries in melonJS. Compare its built-in SAT world with the Planck and Matter adapters, define collision filters and callbacks, and choose a backend based on needs such as rotation, stacking, or joints.

中文简介正在准备中。当前显示英语简介。

• Choosing a physics backend for a 2D game
• Defining body shapes and collision filters
• Handling collision start, active, and end events

Add melonJS plugins and adapters with the right setup sequence, or build a plugin of your own. The guide covers registration, version checks, caching, and method patches, and explains how debug tools, Spine animation, compressed Tiled maps, Capacitor support, and physics adapters fit into a game.

中文简介正在准备中。当前显示英语简介。

• Registering the debug panel in a melonJS application
• Adding Spine animation or compressed Tiled map support
• Choosing a physics adapter for a game

Structure screens and game flow in melonJS using stages and the state manager. Learn when to build or clean up scene content, how transitions and pausing affect updates, and how to use engine timers and tweens for timed changes and one-shot animations.

中文简介正在准备中。当前显示英语简介。

• Creating and switching between menu and play stages
• Building scene content whenever a stage is entered
• Making pause-aware timers or countdowns

Create melonJS sprites from images or texture atlas regions, set up frame animations, and adjust tint, transparency, and flips. The guide also covers nine-slice panels and sprite positioning, including how the default centered anchor affects coordinates.

中文简介正在准备中。当前显示英语简介。

• Create a sprite from an image or atlas region
• Set up idle, walking, or one-shot animations
• Fix sprite placement using the anchor point

Use this skill to build melonJS HUDs, menus, buttons, panels, progress bars, and on-screen text. It explains screen-space layout, pointer and keyboard input, font choices, BitmapText glyph effects, and details that help prevent common display and interaction issues.

中文简介正在准备中。当前显示英语简介。

• Building a HUD that stays fixed while the world scrolls
• Adding buttons with pointer and keyboard input
• Displaying health, loading, or progress bars

Use this entry point to find the melonJS guide for a game development task, from application setup and scenes to sprites, input, physics, audio, and 3D. It also points to companion packages and the API index when the guides do not cover a need.

中文简介正在准备中。当前显示英语简介。

• Choose a guide for a melonJS game task
• Find the right setup steps for a new game
• Locate guidance for a 3D scene or imported model

Load Tiled maps and tilesets into melonJS, create game entities from map objects, and turn authored shapes into collisions. It also explains level loading, camera bounds, isometric and hexagonal layouts, and when compressed maps need an extra plugin.

中文简介正在准备中。当前显示英语简介。

• Loading a Tiled map and its tilesets
• Creating game entities from Tiled objects
• Authoring collision shapes in map layers

Load and manage game assets in melonJS, from images and audio to Tiled maps, fonts, and shaders. Learn the resource descriptors, preload flow, progress events, asset retrieval and cleanup, plus base URLs and cross-origin or authenticated requests.

中文简介正在准备中。当前显示英语简介。

• Building a preload manifest for game assets
• Tracking loading progress and completion events
• Loading remote or authenticated assets

Use this skill to understand why a melonJS feature behaves differently across machines and renderer backends. It explains the WebGPU, WebGL 2, and Canvas fallback order, capability checks, graceful degradation, backend pinning, and handling GPU context restoration.

中文简介正在准备中。当前显示英语简介。

• Diagnosing a visual feature that fails on some devices
• Checking renderer capabilities before enabling effects
• Choosing whether to pin a renderer for a specific reason

Diagnose blurry, shimmering, or cropped melonJS game displays by identifying which canvas sizing, scaling, pixel rounding, texture filtering, or positioning setting controls the issue. Use the guidance to choose settings for pixel art or smooth 3D scenes and keep the canvas sized to its intended area.

中文简介正在准备中。当前显示英语简介。

• Fix blurry or shimmering pixel art
• Choose how the game canvas fits its container
• Troubleshoot a cropped or overflowing canvas

Build custom melonJS renderables with correct positioning, input handling, draw order, and post effects. Learn how flags, anchors, and renderer behavior affect results, and avoid common silent mistakes such as ignored clicks or effects that cannot be reused.

中文简介正在准备中。当前显示英语简介。

• Drawing a custom game object
• Fixing pointer or click handlers that never fire
• Ordering sprites and other renderables