A reactive HTML5 Canvas management library built on top of PixiJS
Component-oriented approach to canvas rendering, similar to modern frontend frameworks. Build interactive games and applications with ease.
Build interactive canvas applications with reactive components that automatically update when data changes.
Use familiar CSS Flexbox layout system directly in your canvas applications for responsive designs.
Create smooth animations with a simple and intuitive animation system built for performance.
Support for keyboard, gamepad, and virtual joystick controls out of the box.
Seamless integration with Tiled Map Editor for creating complex game worlds and levels.
Built-in audio system with particle emitters for creating immersive gaming experiences.
Try these examples directly in your browser
A simple example of how to use CanvasEngine
Example of using reactivity in CanvasEngine
Example of using loop and condition syntax in CanvasEngine
Example of using drag and drop in CanvasEngine
Example of using sprite animation in CanvasEngine
Example of using sprite animation and controls in CanvasEngine. Use the arrow keys to move the sprite.
Example of using a Tiled map in CanvasEngine
Example of using a Tiled map in CanvasEngine
Example of using an animated signal in CanvasEngine. Click the rect to move it.
Example of using a joystick in CanvasEngine. Use the joystick to move the rect.