Pixi bunny with mouse offset

by Felix Schoeler

HTML

<script src="http://www.goodboydigital.com/pixijs/examples/8/pixi.js"></script>

CSS

margin: 0;
			padding: 0;
			background-color: #000000;

JavaScript

// create an new instance of a pixi stage
	var stage = new PIXI.Stage(0x97c56e, true);
	// create a renderer instance
	var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, null);
	
	// add the renderer view element to the DOM
	document.body.appendChild(renderer.view);
	renderer.view.style.position = "absolute";
	renderer.view.style.top = "0px";
	renderer.view.style.left = "0px";
	requestAnimFrame( animate );
	
	// create a texture from an image path
	var texture = PIXI.Texture.fromImage("../../../img/[email protected]");
	
	for (var i=0; i < 10; i++) 
	{
		createBunny(Math.random() * window.innerWidth, Math.random() * window.innerHeight)
	};
	
	
	function createBunny(x, y)
	{
		// create our little bunny friend..
		var bunny = new PIXI.Sprite(texture);
		//	bunny.width = 300;
		// enable the bunny to be interactive.. this will allow it to respond to mouse and touch events		
		bunny.interactive = true;
		// this button mode will mean the hand cursor appears when you rollover the bunny with your mouse
		bunny.buttonMode = true;
		
		// center the bunnys anchor point
		bunny.anchor.x = 0.5;
		bunny.anchor.y = 0.5;
		// make it a bit bigger, so its easier to touch
		bunny.scale.x = bunny.scale.y = 0.5;
		
		// use the mousedown and touchstart
		bunny.mousedown = bunny.touchstart = function(data)
		{
	//		data.originalEvent.preventDefault()
			// store a refference to the data
			// The reason for this is because of multitouch
			// we want to track the movement of this particular touch
			this.data = data;
			this.alpha = 0.9;
			this.dragging = true;
            this.sx = this.data.getLocalPosition(bunny).x * bunny.scale.x;
            this.sy = this.data.getLocalPosition(bunny).y * bunny.scale.y;		};
		
		// set the events for when the mouse is released or a touch is released
		bunny.mouseup = bunny.mouseupoutside = bunny.touchend = bunny.touchendoutside = function(data)
		{
			this.alpha = 1
			this.dragging = false;
			// set the...