Canvas2D Demo: torchlit-dungeon
Showcase scene demonstrating the 6 force-multiplier techniques (lighting, particles, camera shake, color grading, post-processing, atmosphere) on the @dracon/canvas2d library. A character walks through a torchlit dungeon.
About
Official Dracon 2D canvas demo: torchlit-dungeon scene. Showcases the 6 force-multiplier techniques from the Modern 2D upgrade — lighting, particles, camera shake, color grading, post-processing, and atmosphere — all running on the native HTML5 Canvas 2D API.
The demo is a SvelteKit static app at web/games/demos/canvas2d/ that imports the @dracon/canvas2d library. A character walks around with WASD; the torch is a dynamic light; the dungeon is a pre-rendered lightmap (radial gradient overlay); dust + embers fall from the ceiling; color grading applies a warm orange tint near the torch and cool blue at the edges; camera shake triggers on footstep and on click. Frame budget: 30+ FPS on a 4-core laptop with integrated GPU.
Runs on
- Browser
- Chrome 120+, Edge 120+, Firefox 120+, Safari 17+
- GPU
- any
- RAM
- 512 MB
- Asset size
- 1 MB
- Notes
- SvelteKit static demo. Renders a torchlit-dungeon scene with a pre-rendered lightmap, a dynamic torch light, dust + ember particles, camera shake on footstep + click, color grading (warm torch vs cool distant), and a vignette. Built on @dracon/canvas2d (no engine dependency, no WebGPU). mmx CLI can be used to generate premium assets via scripts/generate-assets.sh; falls back to placeholder assets if mmx is unavailable. Not a customer-facing game — it's a portfolio piece demonstrating the library's capabilities.