🎬
cinematicRenderer2D
Load a specification and create a renderer to begin
Control Panel
Examples
Choose an example...
🎬 Cinematic Masterpiece (NEW!)
Enhanced Story
💡 Light Effects
🔄 Transition Types
✨ Animation Features
🔊 Audio Showcase
🎨 Scene Templates
Shape Demo
Simple Demo
Story Narration
Day & Night Story
Night Sky Demo
Template Demo
Custom Specification
💡 Tip:
Try the Feature Showcases to learn specific capabilities like camera movements, lighting, and transitions!
JSON Specification
Put a JSON config here for a cinematic 2D Web Experience in high FPS
Controls
Validate
Create Renderer
Play
Pause
Stop
Debug
Destroy
Use This in Your Project
Keyboard Shortcuts
Create/Play
Ctrl+Enter
Play/Pause
Ctrl+Space
Fullscreen
Ctrl+F
Exit Fullscreen
Esc