DEV-EaselJs vs PixiJS (v2)

Revision 2 of this benchmark created on January 6, 2015

Preparation HTML

<!-- EaselJS -->
<canvas id="easCanvas" width="40" height="40">
</canvas>
<script src="http://code.createjs.com/createjs-2014.12.12.min.js">
</script>

<!-- pixi.js -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/pixi.js/2.2.1/pixi.js">
</script>

Setup

// =================== EaselJS
    var stage = new createjs.Stage('easCanvas');
    circle = new createjs.Shape();
    circle.graphics.beginFill('red').drawCircle(20, 20, 20);
    stage.addChild(circle);
    stage.update();
    var easStage = stage;
    
    
    
    
    
    // =================== PixiJS
    var stage2 = new PIXI.Stage(0x66FF99);
    var renderer = new PIXI.CanvasRenderer(40, 40);
    document.body.appendChild(renderer.view);
    
    var c = new PIXI.Graphics();
    c.beginFill();
    c.drawCircle(20, 20, 20);
    c.endFill();
    
    stage2.addChild(c);

Test runner

easStage.update();

renderer.render(stage2);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published on October 13, 2013
• Revision 2: published on January 6, 2015