Pixi Renderer

JavaScript 2D Renderer

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL. Also its fast.

@Doormat23

Demo

Check out the Bunny Demo here

Current features

• webGL renderer (with automatic smart batching allowing for REALLY fast performance)
• canvas renderer
• full scene graph
• super easy to use API (similar to twhe flash display list API)
• support for texture atlas's
• asset loader / sprite sheet loader
• auto detect which renderer should be used

Coming soon

• Filters
• Render Texture
• Text
• Interactivity

Coming later

• Awesome Post processing effects

Usage

	
	/*
		you can use either PIXI.WebGLRenderer or PIXI.CanvasRenderer
	*/
	var renderer = new PIXI.WebGLRenderer(800, 600); 

	document.body.appendChild(renderer.view);
	
	var stage = new PIXI.Stage;

	var bunnyTexture = new PIXI.Texture.fromImage("bunny.png");
	var bunny = new PIXI.Sprite(bunnyTexture);
	
	bunny.position.x = 400;
	bunny.position.y = 300;
	
	bunny.scale.x = 2;
	bunny.scale.y = 2;
	
	stage.addChild(bunny);
	
	requestAnimationFrame( animate );
	
	function animate() {
		
		requestAnimationFrame( animate );
		
		bunny.rotation += 0.01;
		
		renderer.render(stage);
	}

This content is released under the (http://opensource.org/licenses/MIT) MIT License.