 
 			else
 
-				@boost = canvas.display.rectangle({
+				@boost = @canvas.display.rectangle({
 					x: width / 2,
 					y: height / 4,
 					origin: { x: "center", y: "center" },

				@boost.bind("touchend", () => @sendBoostEvent(false))
				@boost.bind("touchcancel", () => @sendBoostEvent(false))

				@fire.bind("touchstart", () => @sendFireEvent(true))
				@fire.bind("touchend", () => @sendFireEvent(false))
				@fire.bind("touchcancel", () => @sendFireEvent(false))
				
			)

			$(window).on('orientationchange', () => 
				@drawControllers()
			)
			
		drawControllers: () =>
			
			canvas = oCanvas.create({
				canvas: "#canvas"
				disableScrolling : true
			})

			width = canvas.width  = $(window).width()
			height = canvas.height = $(window).height()

			if width > height

				@boost = canvas.display.rectangle({
					x: width / 4,
					y: height / 2,
					origin: { x: "center", y: "center" },

					height: height / 2,
					fill: "#0aa"
				})
				@fire = @canvas.display.rectangle({
					x: width / 2,
					y: height * 3 / 4,
					origin: { x: "center", y: "center" },
