Added touch events to demo base class.

sambenito · Jun 1, 2012 · a4089dd · a4089dd
1 parent 7b2e7e6
commit a4089dd
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 12 deletions.
diff --git a/compiled/demos/Demo.js b/compiled/demos/Demo.js
diff --git a/deploy/physics.min.js b/deploy/physics.min.js
diff --git a/source/demos/Demo.coffee b/source/demos/Demo.coffee
@@ -29,8 +29,9 @@ class Demo
 			particle.colour ?= Random.item Demo.COLOURS
 
 		# Add event handlers.
-		window.addEventListener 'mousemove', @mousemove, false
-		window.addEventListener 'resize', @resize, false
+		document.addEventListener 'touchmove', @mousemove, false
+		document.addEventListener 'mousemove', @mousemove, false
+		document.addEventListener 'resize', @resize, false
 
 		# Add to render output to the DOM.
 		@container.appendChild @renderer.domElement
@@ -74,8 +75,9 @@ class Demo
 		## console.log @, 'destroy'
 
 		# Remove event handlers.
-		window.removeEventListener 'mousemove', @mousemove
-		window.removeEventListener 'resize', @resize
+		document.removeEventListener 'touchmove', @mousemove, false
+		document.removeEventListener 'mousemove', @mousemove, false
+		document.removeEventListener 'resize', @resize, false
 
 		# Remove the render output from the DOM.
 		try container.removeChild @renderer.domElement
@@ -91,5 +93,13 @@ class Demo
 	### Handler for window mousemove event. ###
 	mousemove: (event) =>
 
-		@mouse.pos.set event.clientX, event.clientY
-
+		do event.preventDefault
+
+		if event.touches and !!event.touches.length
+
+			touch = event.touches[0]
+			@mouse.pos.set touch.pageX, touch.pageY
+
+		else
+
+			@mouse.pos.set event.clientX, event.clientY