Carena

Lightweight javascript scene graph for use with canvas

Structure

Provides structure of the tree, in an extremely stripped down representation

var treeDefinition = { canvas : { yellow : { green : {} }, red : { blue : {} } } }

Behavior

Implemented in javascript using css-like selectors

var tree = carena.Builder(treeDefinition, [ /* default features */ ]);
tree.find("canvas.yellow.green").remove();

Styling

{ 
  "yellow, red" : {
    width: 100,
    height: 10
  }
}