A scene graph for WebGL written in Dart


  • MIT licensed
  • very high focus on simple, minimal and elegant code and API
  • lightweight and fast
  • capture keyboard and mouse events
  • all scene graph nodes position and rotation are based on a single matrix4 variable. this is likely the main differentiator to other scene graphs
  • space ship camera included
  • shapes: cube, cylinder, icosahedron and torusknot
  • pickray
  • points sprites ( very basic particles )
  • skybox
  • async texture loader with progress feedback
  • great support for canvas based textures
  • focus on procedural content generation and textureless rendering


Example (from example/simple/)


Create a new Dart webapp project, add this as a pubspec.yaml dependency: dependencies: chronosgl: any

You may also need the vector_math library which is the only library that ChronosGL is dependent on.

Copy the example from above and run it in Dartium.

It should look like this:

If you need dart:html, it is recommended to add dart:html as HTML like this, due to a naming conflict regarding Node: import 'dart:html' as HTML;