A dead-simple interface function for adding elements to canvas in PIXI

addToCanvas.js

// A reference to the top-level displayObjectContainer
var scene;

// Definition
var addToCanvas = function (options) {
    var container = options.container,
        object = options.object,
        at = options.at;

    /**
     * If the graphic object should be added to a container
     */
    if (container) {
        /**
         * Should we add the graphic object on a specific layer in the container
         */
        if (!isNaN(at)) {
            container.addChildAt(object, at);
        } else {
            container.addChild(object);
        }
    }
    /**
     * Else the graphic object is added to the scene (main container)
     */
    else {
        scene.addChild(object);
    }
    
    // Pass along for chaining
    return object; 
};

// Usage

addToCanvas(
    {
        object: sprite, // A PIXI.Sprite instance (can be any PIXI object)
        container: options.container, // A PIXI displayObjectContainer instance (optional)
        at: options.at // The z-index position in the container (optional)
    }
);