Merge pull request xeolabs#183 from sascha-hendel/patch-20

Update src/examples/texture-atlas/texture-atlas.js

src/examples/texture-atlas/texture-atlas.js

@@ -198,18 +198,40 @@ function mouseDown(event) {
     dragging = true;
 }
 
+function touchStart(event) {
+    lastX = event.targetTouches[0].clientX;
+    lastY = event.targetTouches[0].clientY;
+    dragging = true;
+}
+
 function mouseUp() {
     dragging = false;
 }
 
+function touchEnd() {
+    dragging = false;
+}
+
 var scene = SceneJS.scene("theScene");
 
 function mouseMove(event) {
+    var posX = event.clientX;
+    var posY = event.clientY;
+    actionMove(posX,posY);
+}
+
+function touchMove(event) {
+    var posX = event.targetTouches[0].clientX;
+    var posY = event.targetTouches[0].clientY;
+    actionMove(posX,posY);
+}
+
+function actionMove(posX, posY) {
     if (dragging) {
-        yaw += (event.clientX - lastX) * 0.5;
-        pitch += (event.clientY - lastY) * -0.5;
-        lastX = event.clientX;
-        lastY = event.clientY;
+        yaw += (posX - lastX) * 0.5;
+        pitch += (posY - lastY) * -0.5;
+        lastX = posX;
+        lastY = posY;
 
         scene.findNode("pitch").set("angle", pitch);
         scene.findNode("yaw").set("angle", yaw);
@@ -219,5 +241,8 @@ function mouseMove(event) {
 canvas.addEventListener('mousedown', mouseDown, true);
 canvas.addEventListener('mousemove', mouseMove, true);
 canvas.addEventListener('mouseup', mouseUp, true);
+canvas.addEventListener('touchstart', touchStart, true);
+canvas.addEventListener('touchmove', touchMove, true);
+canvas.addEventListener('touchend', touchEnd, true);
 
 scene.start();