Aseprite

Loading and playing animations from Aseprite sprite sheets with tag-based animation control.

Sprite Benchmark

Stress test rendering thousands of animated sprites to measure engine performance.

Blend Modes

Visual comparison of all supported blend modes (normal, multiply, screen, overlay, darken, lighten, etc.).

AfterBurner Clone

Behind-the-plane arcade shooter on Camera3d + 3D Mesh models — arrows / WASD to fly, space to shoot.

Camera3d (perspective)

Perspective camera orbiting three sprite billboards spaced along the z axis. Drag to orbit; closer sprites render larger.

Clipping

Nested and animated Container clipping.

Compressed Textures

Detect and display GPU-supported compressed texture formats (S3TC, ASTC, ETC2, PVRTC, BPTC).

Device Test

Display device capabilities, screen resolution, and browser feature detection.

Drag and Drop

Interactive drag-and-drop with pointer events, collision detection, and drop zones.

Gradients

Linear and radial gradients for sky backgrounds, health bars, UI buttons, and lighting effects.

Graphics

Drawing primitives: rectangles, circles, ellipses, lines, polygons, and rounded shapes.

Hello World

Minimal setup showing engine initialization, viewport configuration, and text rendering.

Hello WebGPU

Experimental WebGPU backend: sprites, text, blend modes, primitives, clipping and stencil masks.

Isometric RPG

Isometric tile map rendering with Tiled map support, camera follow, and NPC entities.

Lights

2D lighting system with dynamic light sources, shadows, and blend mode effects.

Normal Map

Per-pixel sprite lighting from normal maps. Three procedurally-generated orbs react to a moving Light2d.

SpriteIlluminator

Per-pixel sprite lighting from normal maps. Animated character lit by a moving cursor light.

Aquarium

Screen-space refraction via renderer.toFrameTexture(): swimming fish rippled through the live scene.

Heat Haze

Normal-mapped tiles under a moving Light2d, distorted by a rising heat-haze effect.

Line of Sight

Stealth-style vision cone driven by the portable adapter.raycast API.

Masking

Sprite masking with different shapes (rounded rectangle, ellipse, star polygon) and blend modes.

3D Mesh

Rotating textured 3D objects (cube, sphere, teapot) loaded from OBJ files with perspective projection.

glTF Scene

A Blender-authored scene (Kenney Platformer Kit, CC0) exported to GLB.

glTF Animated Model

A rigged blocky character (Kenney, CC0) loaded from GLB, using node-TRS animation.

Night City Flythrough

A low-poly procedural downtown using emissive geometry with a looping Camera3d flythrough.

Billboard Sprites

Sprite3d billboard modes under an auto-orbiting Camera3d — the 2.5D building block.

3D Material

3D cube pet models from Kenney with MTL material support — texture and colors auto-resolved.

Multi-material OBJ

Rotating 3D models with multiple materials and per-mesh tinting from .mtl files.

Platformer

Side-scrolling platformer with physics, tile collisions, enemies, collectibles, particles.

Matter Platformer

A version of the platformer using custom physics through the @melonjs/matter-adapter package.

Pool (Matter)

Top-down 8-ball pool driven by @melonjs/matter-adapter — drag-to-aim, release-to-strike.

Plinko (Planck)

Neon-cyberpunk plinko driven by @melonjs/planck-adapter — click to drop balls.

Space Invaders

Classic space invaders game with player movement, shooting mechanics, and enemy wave patterns.

Shader Effects

Showcase of all 16 built-in ShaderEffect presets for per-sprite visual effects (WebGL).

Sprite

Displaying and transforming sprites with scaling, rotation, and alpha blending.

Trail

Trail renderable that draws a fading, tapering ribbon behind a moving sprite.

Spine Animation

Loading and playing Spine skeletal animations with the @melonjs/spine-plugin.

SVG Shapes

Rendering complex shapes via SVG path parsing (M, L, Q, C, A commands) on both WebGL and Canvas.

Text

Bitmap fonts, system fonts, text alignment, word wrapping, and styled text rendering.

Texture Packer

Loading and using TexturePacker atlas for sprite animation and background rendering.

Tiled Map Loader

Loading various Tiled map formats: orthogonal, isometric, hexagonal, and perspective.

UI

Draggable UI panels with buttons, checkboxes, and custom font rendering.

Video

Video playback using the asset loader and Sprite class to display an MP4 video on canvas.

Water Overworld

Side-scroller overworld with a refracting pond — screen_texture / screen_uv / noise_uv shader builtins.

Whac-A-Mole

Complete mini-game with sprite animations, input handling, scoring, and audio.