Framework to create video games in HTML5 Canvas
Follow the steps below to start:
-
Download the code
canvasengine-X.Y.Z.all.min.json Github or this website -
Add this code in your page :
<!DOCTYPE html> <script src="canvasengine-X.Y.Z.all.min.js"></script> <canvas id="canvas_id" width="640" height="480"></canvas> -
Initialize the canvas in your JS file :
var canvas = CE.defines("canvas_id").ready(function() { });
Method ready is called when the canvas is ready (DOM loaded)
- Scene Structure
- Overlay scenes
- Multiplayer model
- Preloading
- Animations
- Timeline
- Collision (beetween entities and grid)
- Keyboard and Gamepad
- Windows
- Sound
- Scrolling
- Level Design
- Save & Load
- Spritesheet Management
- Mouse Control
- Elements Manipulation
- Tiled Map Editor (http://www.mapeditor.org)
- Gleed 2d (http://gleed2d.codeplex.com)
- Multi touch
- Game Effects
- Text Effects
- Transition
- UI
- Box2d
- Synchronized multi canvas (local multiplayer)
- Add testCell method in Grid class
- Add removeCmd method in Element class
- Add origin points in parameters in set method in SpriteSheet class
- Changing getEntityCells method in Grid Class
- Fix imageToCanvas method in Materials class
- Fix frequence in Animation class
- Fix set method in SpriteSheet class for windows
- getPropertyByCell method in Hit class returns undefined if column or row doesn't exist
- Add specific image param in animation
- Add position param in animation
- Add getStage method in Scene class
- Add getEnabled method in Scene class
- Add collision feature
- Add Window feature
- Add overlay scenes
- Add moveArray method in CanvasEngine Object
- Add offset method in Element Class
- Add position method in Element Class
- Add pack method in Element Class
- Add unpack method in Element Class
- Add detach method in Element Class
- Add children method in Element Class
- Add removeAttr method in Element Class
- Add prepend method in Element Class
- Add zIndex method in Element Class
- Add zIndexBefore method in Element Class
- Fix reload scene
- Fix click on multi scene
- Fix click on element witch opacity < 1
- Improving draw performance
- Improving documentation (markdown)
- Add multi-tilemap in Tiled Class (robwalch)
- Add origin points in Spritesheet Class (robwalch)
- Fix keyUp method in Input Class (https://github.com/RSamaium/CanvasEngine/issues/4)
- Fix NPM problem (https://github.com/RSamaium/CanvasEngine/issues/7)
- Fix identifiers keys in Input class
- Fix addKey method in Input class
- Fix set method in Spritesheet class
- Move clear method (Context class -> Canvas class)
- Change exit method in Scene Class
- Add multi scenes feature.
- Add togglePause method in Scene Class
- Add pause method in Scene Class
- Add isEnabled method in Scene Class
- Add exitAll method in Scene Class
- Add eventExist method in Element Class
- Add alias for new method : New
- Improves the performance of clicks
- Fix Info of tile size
- Fix "this_" in Marshal class
- Improving documentation
- Change addLoopListener method
- Ignore loading music if the type is not supported
- Add getExtension method in Materials class
- Add remove method in Marshal class
- Add special events defined by a namespace (methods: refresh)
- Add moveTo, lineTo, quadraticCurveTo, bezierCurveTo in Context
- Add addMethod method in Context Class
- Addition to loading the canvas for CocoonJS)
- Fix save and load (IE9+)
- Fix reference of image loaded (for CocoonJS)
- Fix click on element
- Fix Gamepad (Google Chrome)
- Fix extend Context Class
- Fix positions of a element's children resized
- Fix origin point of element's children
- Improving documentation
- Fix restart of animations (Animation Class)
- Fix children elements opacity
- Fix reading some element properties
- Fix positions of a element resized
- Add rgbToHex method in CanvasEngine object
- Add pattern method in Spritesheet class
- Add cropImage method in Materials class
- Add transparentColor method in Materials class
- Add imageToCanvas method in Materials class
- Add getScene method in Element class
- Add createPattern method in Canvas class
- Add createLinearGradient method in Canvas class
- Add createRadialGradient method in Canvas class
- Add addColorStop method in Canvas class
- Add measureText method in Canvas class
- Improving performance click
- Improving the get method in Materials class
- Improving documentation
- Fix animated images
- Improving documentation
Not indicated
Not indicated
Not indicated
- Initial Release
http://rsamaium.github.com/CanvasEngine
MIT. Free for commercial use.