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. 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...

  2. CSS3 Battleground A cool mozilla-hosted animated video made entirely in CSS3 Share List...

  3. Painting the DOM to Canvas with Domvas Domvas is a tool that uses what amounts to a backdoor via SVG to allow you to turn DOM elements into images that can be painted onto a Canvas. Why...

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

  5. Abacus.js: All the game-dev-bootstrapping related stuff you wish you had A new project coming out of Bocoup aims to provide HTML5 Game Devs with a set of tools that allows them to focus on making games and not worry about...

HTML5 Engines