June 8, 2015 09:54
diff --git a/Cleanup PIXI.JS b/Cleanup PIXI.JS
 <!doctype html>
 <html>
 <head>
 	<script src="lib/pixi.js"></script>
 </head>
 <body>
 </body>
 <script>
 var app = (function() {
 	console.log("Hi there!");
 	var view, stage, renderer;
 	return {
 		start: function() {
 			console.log("start");

 			renderer = new PIXI.WebGLRenderer(800, 600);
 			view = renderer.view;

 			// The renderer will create a canvas element for you that you can then insert into the DOM.
 			document.body.appendChild(view);

 			// You need to create a root container that will hold the scene you want to draw.
 			stage = new PIXI.Container();

 			var bunnyTexture = PIXI.Texture.fromImage('assets/images/grumpy_cat.png');
 			var bunny = new PIXI.Sprite(bunnyTexture);

 			var text = new PIXI.Text("Grumpy cat says MEHHHW", {font: "bold 25px verdana", fill: "#FFFFFF"});
 			text.position.x = 100;
 			text.position.y = 400;
 			stage.addChild(text);

 			// Setup the position and scale of the bunny
 			bunny.position.x = 100;
 			bunny.position.y = 100;

 			// Add the bunny to the scene we are building.
 			stage.addChild(bunny);

 			// kick off the animation loop (defined below)
 			animate();

 			function animate() {
 				if(!view) {
 					console.info("no view - stopping animate");
 					return;
 				}

 				// start the timer for the next animation loop
 				requestAnimationFrame(animate);

 				// this is the main render call that makes pixi draw your container and its children.
 				renderer.render(stage);
 			}
 		},

 		stop: function() {
 			console.log("stopping");
 			renderer.plugins.interaction.destroy();
 			renderer = null;
 			stage.destroy(true);
 			stage = null;
 			document.body.removeChild(view);
 			view = null;

 			for (var textureId in PIXI.utils.TextureCache) {
 				PIXI.utils.BaseTextureCache[textureId].destroy(true);
 			}
 		}
 	}
 })();
 app.start();
 </script>
 </html>
	<!doctype html>
	<html>
	<head>
	<script src="lib/pixi.js"></script>
	</head>
	<body>
	</body>
	<script>
	var app = (function() {
	console.log("Hi there!");
	var view, stage, renderer;
	return {
	start: function() {
	console.log("start");

	renderer = new PIXI.WebGLRenderer(800, 600);
	view = renderer.view;

	// The renderer will create a canvas element for you that you can then insert into the DOM.
	document.body.appendChild(view);

	// You need to create a root container that will hold the scene you want to draw.
	stage = new PIXI.Container();

	var bunnyTexture = PIXI.Texture.fromImage('assets/images/grumpy_cat.png');
	var bunny = new PIXI.Sprite(bunnyTexture);

	var text = new PIXI.Text("Grumpy cat says MEHHHW", {font: "bold 25px verdana", fill: "#FFFFFF"});
	text.position.x = 100;
	text.position.y = 400;
	stage.addChild(text);

	// Setup the position and scale of the bunny
	bunny.position.x = 100;
	bunny.position.y = 100;

	// Add the bunny to the scene we are building.
	stage.addChild(bunny);

	// kick off the animation loop (defined below)
	animate();

	function animate() {
	if(!view) {
	console.info("no view - stopping animate");
	return;
	}

	// start the timer for the next animation loop
	requestAnimationFrame(animate);

	// this is the main render call that makes pixi draw your container and its children.
	renderer.render(stage);
	}
	},

	stop: function() {
	console.log("stopping");
	renderer.plugins.interaction.destroy();
	renderer = null;
	stage.destroy(true);
	stage = null;
	document.body.removeChild(view);
	view = null;

	for (var textureId in PIXI.utils.TextureCache) {
	PIXI.utils.BaseTextureCache[textureId].destroy(true);
	}
	}
	}
	})();
	app.start();
	</script>
	</html>