ABOUT cgSceneGraph
cgSceneGraph is a powerful, cross-platform and very easy-to-use
Scene Graph
framework written in JavaScript
for the
<canvas> tag in HTML5.
It's full object oriented to ease the development of your applications
and games.
Since the start of the project, it has been designed to be used on professional
application as well as for game development.
Feel free to share your extensions or to publish a link to your projects using the
cgSceneGraph :)
FEATURES
- Object oriented development
- Easy managing of complex scenes
- Hierarchy of nodes, keeping a trace of their absolute transformation matrix
- Cross-platform (IE 9&10, Chrome, Firefox, Opera, iOS, Android, ...)
- Mouse and touch events, seamlessly for the developer (just define a onClick event on a node or the scene, the framework take care of the rest)
- Mouse over/out/click/dblclick events on nodes
- Multi-selection
- Draggable attribute
- Resizable attribute
- Powerful animated sprites with event handlers
- Powerful and easy to use animation framework with event handlers
- Asynchronous image loading
- Sharing of image between several nodes to optimize the memory consumption
- spritesheet and tiles images
- Fast collision detection
- Traverser class to quicly find nodes with condition
- Display ratio to render the same content on different screen sizes
- Powerful particle system
- Color manipulation
- More than 20 events for nodes, scene and animations
- Easy extension of CGSGNode and framework
- Use of RequestAnimationFrame to correctly synchronize the rendering pass with the browser
- Lots of useful functions
- ...
WHY cgSceneGraph
We were very excited when we discovered the <canvas> tag in HTML5 and all we can achieve with it.
At the start of this project, there was no other framework able to achieve exactly what we
needed.
So we've started designing a new framework, without any constraint in mind, just ideas
:)
We are proud of our work, and are convinced it can help everyone on their projects, so we decided to share it as an open-source project.
We hope it can help you :)