Isomer on PIXI.Graphics

sample.js

"use strict";

var w = 600, h = 400;
// init PIXI stage and renderer
var stage = new PIXI.Stage(0xCC0000, true);
var renderer = PIXI.autoDetectRenderer(w, h);
// add PIXI to body
document.body.appendChild(renderer.view);

// init Isomer
// Isomer now needs cavas.getContext
var iso = new Isomer(renderer.view);
iso.canvas = new PIXI.Graphics();
stage.addChild(iso.canvas);

// Draw path on Graphics
iso.canvas.path = function (points, color) {
	var c = color.r * 256 * 256 + color.g * 256 + color.b;
	this.beginFill(c, color.a);
	this.moveTo(points[0].x, points[0].y);

	for (var i = 1; i < points.length; i++) {
		this.lineTo(points[i].x, points[i].y);
	}

	this.endFill();
}

// resize
iso.canvas.width = w;
iso.canvas.height = h;
iso.originX = w / 2;
iso.originY = h * 0.9;

// and run it
requestAnimFrame(animate);
function animate() {
	// if you want redraw
	//iso.canvas.clear();

	renderer.render(stage);
	requestAnimFrame(animate);
}