mobile optimization

Author: Edan Kwan

app/js/index.js

@@ -151,6 +151,13 @@ function update(dt) {
 
     if(settings.speed || settings.dieSpeed) {
 
+        var r = 200;
+        var h = 60;
+        if(settings.isMobile) {
+            r = 100;
+            h = 40;
+        }
+
         var autoClearColor = _renderer.autoClearColor;
         var clearColor = _renderer.getClearColor().getHex();
         var clearAlpha = _renderer.getClearAlpha();
@@ -169,9 +176,9 @@ function update(dt) {
         } else {
             _followPointTime += dt * 0.001 * settings.speed;
             _followPoint.set(
-                Math.cos(_followPointTime) * 200.0,
-                Math.cos(_followPointTime * 4.0) * 60.0,
-                Math.sin(_followPointTime * 2.0) * 200.0
+                Math.cos(_followPointTime) * r,
+                Math.cos(_followPointTime * 4.0) * h,
+                Math.sin(_followPointTime * 2.0) * r
             );
             _positionShader.uniforms.mouse3d.value.lerp(_followPoint, 0.2);
         }

src/3d/simulator.js

@@ -3,6 +3,7 @@ var keys = require('mout/object/keys');
 var query = exports.query = parse(window.location.href.replace('#','?'));
 
 exports.useStats = false;
+exports.isMobile = /(iPad|iPhone|Android)/i.test(navigator.userAgent);
 
 var amountMap = {
     '4k' : [64, 64, 0.29],

src/core/settings.js

@@ -1,11 +1,11 @@
-var isMobile = /(iPad|iPhone|Android)/i.test(navigator.userAgent);
+var settings = require('../core/settings');
 
 exports.pass = pass;
 
 var _callback;
 
 function pass(func) {
-    if(isMobile) {
+    if(settings.isMobile) {
         _callback = func;
         init();
     } else {

src/fallback/mobile.js

@@ -105,6 +105,12 @@ function init() {
     _control.update();
 
     _gui = new dat.GUI();
+
+    if(settings.isMobile) {
+        _gui.close();
+        _control.enabled = false;
+    }
+
     var simulatorGui = _gui.addFolder('Simulator');
     simulatorGui.add(settings.query, 'amount', settings.amountList).onChange(function(){
         if (confirm('It will restart the demo')) {
@@ -194,6 +200,9 @@ function _onKeyUp(evt) {
 
 function _bindTouch(func) {
     return function (evt) {
+        if(settings.isMobile && evt.preventDefault) {
+            evt.preventDefault();
+        }
         func(evt.changedTouches[0]);
     };
 }