PIXI: Pivot

An example of the Pivot point altering the x and y position

HTML

<script src="https://rawgithub.com/GoodBoyDigital/pixi.js/master/bin/pixi.js"></script>
      <div align="center">
         <canvas id="game-canvas" width="400" height="400"></canvas>
      </div>

JavaScript

var stage = new PIXI.Container(0x66FF99);
	var renderer = PIXI.autoDetectRenderer(
			100,
			100, {
			view : document.getElementById("game-canvas")
		});

var innerStage = new PIXI.Container(0x66FF99);

var sprite1 = PIXI.Sprite.fromImage("https://dl.dropboxusercontent.com/u/17016201/mud8x8.png");
sprite1.position.x = 0;
sprite1.position.y = 0;
innerStage.addChild(sprite1);

// I expect 8, this will print 1
console.log("sprite innerStage.width: " + innerStage.width);

var sprite2 = PIXI.Sprite.fromImage("https://dl.dropboxusercontent.com/u/17016201/mud8x8.png");
sprite2.position.x = 8;
sprite2.position.y = 0;
innerStage.addChild(sprite2);

// I expect 16, this will print 9
console.log("sprite2 innerStage.width: " + innerStage.width);

stage.addChild(innerStage);

render();

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