JSFiddle - React, Tailwind, and code Playground

by Martijn Croezen

HTML

<script src="http://whizzkid.myds.me/pixitest/pixi.js"></script>
<script src="http://whizzkid.myds.me/pixitest/stats.js"></script>

JavaScript

$(document).ready(onReady)

$(window).resize(resize)
window.onorientationchange = resize;

var width = 480;
var height = 320;

var wabbitTexture;
var pirateTexture;

var bunnys = [];
var gravity = 0.5//1.5 ;

var maxX = width;
var minX = 0;
var maxY = height;
var minY = 0;

var startBunnyCount = 2;
var isAdding = false;
var count = 0;
var container;

var amount = 100;

function onReady()
{
	
	renderer = new PIXI.WebGLRenderer(800, 600, {backgroundColor:0xFFFFFF});
	stage = new PIXI.Stage(0xFFFFFF);
	//stage.filterArea = new PIXI.math.Rectangle(0, 0, 800 ,600);

	amount = (renderer instanceof PIXI.WebGLRenderer) ? 100 : 5;
//	
//	bloom = new PIXI.filters.BloomFilter();
	//stage.filters = [bloom];

	if(amount == 5)
	{
		renderer.context.mozImageSmoothingEnabled = false
		renderer.context.webkitImageSmoothingEnabled = false;
		
	}
	
	renderer.view.style["transform"] = "translatez(0)";
	//alert(amount)
	document.body.appendChild(renderer.view);
	renderer.view.style.position = "absolute";
	stats = new Stats();
	
	
	document.body.appendChild( stats.domElement );
	stats.domElement.style.position = "absolute";
	stats.domElement.style.top = "0px";
	requestAnimationFrame(update);
	
	wabbitTexture = new PIXI.Texture.fromImage("http://www.goodboydigital.com/pixijs/bunnymark_v3/bunnys.png")

	counter = document.createElement("div");
	counter.className = "counter";
	document.body.appendChild( counter);
	
	
	
	count = startBunnyCount;
	counter.innerHTML = count + " BUNNIES";
	
	
	container = new PIXI.DisplayObjectContainer();
	//container = new PIXI.ParticleContainer(200000, [false, true, false, false, false]);
	stage.addChild(container);
	//var filter = new PIXI.filters.ColorMatrixFilter();

	bunny1 = new PIXI.Texture(wabbitTexture.baseTexture, new PIXI.Rectangle(2, 47, 26, 37));
	bunny2 = new PIXI.Texture(wabbitTexture.baseTexture, new PIXI.Rectangle(2, 86, 26, 37));
	bunny3 = new PIXI.Texture(wabbitTexture.baseTexture, new PIXI.Rectangle(2, 125, 26, 37));
	bunny4 = new...