node package manager
We need your input. Help make JavaScript better: Take the 2017 JavaScript Ecosystem survey ยป

carena

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