DivSugar, a CSS-based 3D Graphics Engine

Software Engineer Takashi Kitao has written a CSS3 based 3D graphics engine called DivSugar. While it’s not as performant as a WebGL might be for full games, the fact that it uses CSS3 means that it can easily be integrated into existing sites and be used for casual games.

DivSugar provides the following features:

– 3D scene graph by using CSS3
– 2 types of animation mechanism (frame-based and timeline-based)
– 3D geometry classes which includes vector, matrix and quaternion
– Key/mouse input handling
You can check the simple tutorial and a few of demos of DivSugar on the project page:
https://github.com/kitao/divsugar.


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. OnGameStart comes to New York: March 15th, 2013 OnGameStart, the original HTML5 Game Development conference, is expanding to the US with an US-based event taking place on March 15, 2013 in New York City. Michal has once again...

  3. Quintus Engine The Quintus engine is a simple HTML5 game engine designed to be modular and lightweight, with a concise JavaScript-friendly syntax. ...

  4. IvanK Lib: a WebGL based HTML5 engine IvanK Lib is a HTML5 Engine inspired by Flash (the tag line is actually "Like Flash, but faster" that uses the power of GPU accelerated WebGL to render 2d graphics...

  5. Free game graphics and audio resources Scoreoid has a great post on resources for Global Game Jam 2012, including good links of free art and sound resources. Some of the list: HasGraphics – Free Graphics for...

HTML5 Engines