fix touch events

Author: peteroupc

README.md

@@ -93,6 +93,13 @@ Examples
 History
 ---------
 
+Version 1.3.1:
+
+- Fixed touch events in some of the interactive demos
+- Fixed issues with BezierCurve, BezierSurface
+- Robustness improvement in autonormal feature of SurfaceEval
+- Correctness and other fixes
+
 Version 1.3:
 
 - Camera class rewritten again, but backwards compatible with

camera.js

@@ -395,32 +395,38 @@ function InputTracker(element){
   if(e.button==2){
    thisObj.rightButton=e.isDown;
   }
-  thisObj.clientX=e.clientX-InputTracker._getPageX(e.target);
-  thisObj.clientY=e.clientY-InputTracker._getPageY(e.target);
+  if(e.button==0 && e.touch && !e.isDown){
+   thisObj.clientX=null;
+   thisObj.clientY=null;
+   thisObj.lastClient=[];
+  } else {
+   thisObj.clientX=e.clientX-InputTracker._getPageX(e.target);
+   thisObj.clientY=e.clientY-InputTracker._getPageY(e.target);
+  }
  }
  element.addEventListener("mousedown",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":true,"button":e.button,
     "clientX":e.clientX,"clientY":e.clientY});
  })
  element.addEventListener("touchstart",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":true,"button":0,
-    "clientX":e.clientX,"clientY":e.clientY});
+    "clientX":e.touches[0].clientX,"clientY":e.touches[0].clientY,"touch":true});
  })
  element.addEventListener("mouseup",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":false,"button":e.button,
     "clientX":e.clientX,"clientY":e.clientY});
  })
  element.addEventListener("touchend",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":false,"button":0,
-    "clientX":e.clientX,"clientY":e.clientY});
+    "clientX":e.changedTouches[0].clientX,"clientY":e.changedTouches[0].clientY,"touch":true});
  })
  element.addEventListener("mousemove",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":false,"button":-1,
     "clientX":e.clientX,"clientY":e.clientY});
  })
  element.addEventListener("touchmove",function(e){
   mouseEvent(thisObj,{"target":e.target,"isDown":false,"button":-1,
-    "clientX":e.clientX,"clientY":e.clientY});
+    "clientX":e.touches[0].clientX,"clientY":e.touches[0].clientY,"touch":true});
  })
 };
 /**

tutorials/surfaces.md

@@ -44,21 +44,20 @@ that was used to produce the pictures on this page.
 
 The comments explain how `makeMesh` works in detail.
 
-   function makeMesh(func,resolution){
-    // Default resolution is 50
-    if(resolution==null)resolution=50
-     // create a new mesh
-     var mesh=new Mesh();
-     // define a color gradient evaluator for
-     // demonstration purposes.  Instead of X, Y, and Z,
-     // generate a Red/Green/Blue color based on
-     // the same parameters U and V as the surface
-     // function for 3D points.
-     var colorGradient={
-      evaluate:function(u,v){ return [1-u,v,u]; }
-     }
+    function makeMesh(func,resolution){
+     // Default resolution is 50
+     if(resolution==null)resolution=50
+      // create a new mesh
+      var mesh=new Mesh();
+      // define a color gradient evaluator for
+      // demonstration purposes.  Instead of X, Y, and Z,
+      // generate a Red/Green/Blue color based on
+      // the same parameters U and V as the surface
+      // function for 3D points.
+      var colorGradient={
+       evaluate:function(u,v){ return [1-u,v,u]; }
+      }
      // generate the parametric surface.
-
      var ev=new SurfaceEval()
       .vertex(func)
     // Specify the color gradient evaluator defined above
@@ -76,7 +75,7 @@ The comments explain how `makeMesh` works in detail.
       .evalSurface(mesh,Mesh.TRIANGLES,resolution,resolution);
     // Surface generated, return the mesh
     return mesh;
-  }
+    }
 
 In the HTML 3D Library, parametric surface objects define one method, "evaluate",
 which returns a 3D point given a U parameter and a V parameter.  (By default, U and
@@ -166,4 +165,4 @@ The following pages of mine on CodeProject also discuss this library:
 
 * [_Public-Domain HTML 3D Library_](http://www.codeproject.com/Tips/896839/Public-Domain-HTML-ThreeD-Library)
 * [_Creating shapes using the Public Domain HTML 3D Library_](http://www.codeproject.com/Tips/987914/Creating-shapes-using-the-Public-Domain-HTML-D-Lib)
-* [_The "Camera" and the Perspective and View Transforms_](http://www.codeproject.com/Tips/989978/The-Camera-and-the-Projection-and-View-Transforms)
+* [_The "Camera" and the Projection and View Transforms_](http://www.codeproject.com/Tips/989978/The-Camera-and-the-Projection-and-View-Transforms)