POM - PIXI.js Object Model

Markup representation of PIXI.js objects in JSON.

see http://greyrook.github.io/POM-examples/ for examples how to use it.

Usage

var data = {
    "children":[] //Your JSON Data
} 

var stage = new PIXI.Container();
var renderer = PIXI.autoDetectRenderer(800, 600,{backgroundColor : 0xffffff});
document.body.appendChild(renderer.view);

var manager = new POM.Manager(data);
stage.addChild(manager);

animate();
function animate() {
    renderer.render(stage);
    requestAnimationFrame(animate);
}

Custom Elements:

var data = {
    "children":[
        {
        "type":"customType"
        }
    ] //Your JSON Data
} 

var CustomType = function(manager, data){
    POM.ContainerElement.call(this, manager, data)
}

var p = CustomType.prototype = Object.create(POM.ContainerElement.prototype)

p.updateData = function(data){

    //Your Custom Code
    
    POM.ContainerElement.prototype.updateData.call(this, data)
}

var stage = new PIXI.Container();
var renderer = PIXI.autoDetectRenderer(800, 600,{backgroundColor : 0xffffff});
document.body.appendChild(renderer.view);

var manager = new POM.Manager();

manager.registerPrototype("customType", CustomType)
manager.updateData(data)
stage.addChild(manager);

animate();
function animate() {
    renderer.render(stage);
    requestAnimationFrame(animate);
}