Mobile fixes (#338)

* fix: removed touch sens on mobile

* fix: moved AR button to bottom left for fullscreen button

Author: kpal81xd

src/camera-controls.ts

@@ -134,9 +134,6 @@ class CameraControls {
 
     wheelSpeed = 0.06;
 
-    // sensitivity tweak for input touch devices
-    touchSensitivity = 0.5;
-
     gamepadDeadZone: Vec2 = new Vec2(0.3, 0.6);
 
     constructor(app: AppBase, camera: CameraComponent, observer: Observer) {
@@ -277,17 +274,17 @@ class CameraControls {
         const orbitMove = screenToWorld(this._camera, touch[0], touch[1], distance);
         v.add(orbitMove.mulScalar(orbit * pan));
         const flyMove = new Vec3(leftInput[0], 0, -leftInput[1]);
-        v.add(flyMove.mulScalar(fly * this.moveSpeed * this.touchSensitivity * dt));
+        v.add(flyMove.mulScalar(fly * this.moveSpeed * dt));
         const pinchMove = new Vec3(0, 0, pinch[0]);
         v.add(pinchMove.mulScalar(orbit * double * this.pinchSpeed * dt));
         deltas.move.append([v.x, v.y, v.z]);
 
         // mobile rotate
         v.set(0, 0, 0);
         const orbitRotate = new Vec3(touch[0], touch[1], 0);
-        v.add(orbitRotate.mulScalar(orbit * (1 - pan) * this.orbitSpeed * this.touchSensitivity * dt));
+        v.add(orbitRotate.mulScalar(orbit * (1 - pan) * this.orbitSpeed * dt));
         const flyRotate = new Vec3(rightInput[0], rightInput[1], 0);
-        v.add(flyRotate.mulScalar(fly * this.orbitSpeed * this.touchSensitivity * dt));
+        v.add(flyRotate.mulScalar(fly * this.orbitSpeed * dt));
         deltas.rotate.append([v.x, v.y, v.z]);
 
         // gamepad move

src/style.scss

@@ -258,8 +258,8 @@ input {
 
 #launch-ar-button {
     position: absolute;
-    right: 20px;
-    top: 20px;
+    bottom: 20px;
+    left: 20px;
 }
 
 .download-button::before, .fullscreen-button::before {
@@ -615,13 +615,16 @@ input {
     #popup > #popup-buttons-parent {
         left: 50%;
         transform: translateX(-50%);
-        bottom: 11px;
+        bottom: 20px;
     }
 
     #popup > #floating-buttons-parent > .pcui-button,
     #popup > #popup-buttons-parent > .pcui-button {
         margin: 4px !important;
     }
+    #popup > #popup-buttons-parent {
+        margin: 8px 0 !important;
+    }
 
     #popup > #floating-buttons-parent > #fullscreen-button {
         display: none;