fixed touch events

ojack · Jun 15, 2015 · 5f752dd · 5f752dd
1 parent 880b76a
commit 5f752dd
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 9 deletions.
diff --git a/compiled.js b/compiled.js
diff --git a/components/StreetsCanvas.js b/components/StreetsCanvas.js
@@ -1,5 +1,5 @@
 var React = require('react');
-React.initializeTouchEvents(true);
+
 var StreetData = require('../utils/StreetData.js');
 
 var StreetsCanvas = React.createClass({
@@ -48,13 +48,19 @@ var StreetsCanvas = React.createClass({
 		}
 	},
 	onTouchStart: function(e){
+		e.preventDefault();
+		//console.log("touch start");
 		for(var i = 0; i < e.changedTouches.length; i++){
-			this.streets.drawNearby(e.changedTouches[i].clientX, e.changedTouches[i].clientY, 5);
+			this.streets.drawNearby({x: e.changedTouches[i].clientX, y: e.changedTouches[i].clientY}, 6);
 		}
 	},
 	onTouchMove: function(e){
-		for(var i = 0; i < e.changedTouches.length; i++){
-			this.streets.drawNearby(e.changedTouches[i].clientX, event.changedTouches[i].clientY, 5);
+		e.preventDefault();
+		//console.log("touch move");
+		//console.log(e.changedTouches);
+		for(var i = 0; i < e.touches.length; i++){
+			//console.log("drawing "+ e.touches[i].clientX);
+			this.streets.drawNearby({x: e.touches[i].clientX, y: event.touches[i].clientY}, 4);
 		}
 	},
 	onTouchEnd: function(e){

diff --git a/main.js b/main.js
@@ -1,5 +1,6 @@
 var React = require('react');
 var App = require('./components/App');
+React.initializeTouchEvents(true);
 
 React.render(
       		<App/>, 

diff --git a/utils/StreetData.js b/utils/StreetData.js
@@ -127,7 +127,7 @@ StreetData.prototype.startDrawing = function(point){
 
 StreetData.prototype.drawNearby = function(point, rad){
    var jit = 2;
-   var speed = 0.15 + d*0.002;
+   var speed = 0.25;
     var nodes = this.nodes;
     for (id in nodes) {
       if (nodes.hasOwnProperty(id)) {