CAKE is a JavaScript scene graph library for the HTML5 canvas tag. You could think of it as SVG sans the XML and not be too far off.
Released under the MIT license.
Examples
Example code
Rich graphics
- HTML5 Canvas animation demo - works best on Google Chrome (and working OpenGL drivers.)
- Flashy website without Flash - silly and a way too heavy drawing load. It's more of a browser benchmark than something you could realistically use.
Games
- Missile Fleet - a game written with CAKE
- Web Mega Pong - another game written with CAKE
File formats
- CanvasMage - a simple vector image format written in JavaScript
Documentation
I'm collecting and rewriting the API documentation in the wiki, see Documentation for the current state of things. If you want to give me a hand, send mail to ilmari.heikkinen@gmail.com.
Tutorials
API reference
See here for JSDoc generated documentation. It's got the toplevel objects, but doesn't have the method documentation from the source code. The cake.js file has JavaDoc-style documentation, but JSDoc doesn't parse it quite right. Suggestions and help most welcome!
Download
- cake.js fresh off the SVN trunk
- CAKE does not have a fancy tar-ball, so use SVN to download it. Let's keep the trunk bug-free, shall we?
Contact
Use the issue tracker to report bugs and file feature requests.
Usage tips
- Use a JavaScript minifier (YUI compressor is excellent.)
- Enable your webserver's mod_deflate-equivalent.
- If you don't minify CAKE, it'll be 200 kB in size. Minified it's 100 kB and further gzip-compresses to 28 kB.
- See MinimizingDownloadSize for more details.