carena

Lightweight javascript scene graph for use with canvas

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