Camera controls fixes (#7977)

* fix: removed skip update since update skipped when script disabled

* feat: add MobileInputLayout enum for improved input handling

* feat: reorganised attributes

* feat: removed scene size

* fix: loading default input layout

* fix: update attribute title from Rotate Damping to Focus Damping

* feat: update focus point attribute and reintroduce gamepad dead zone

* fix: updated move speed with sensibile defaults

* feat: add dynamic movement speeds based on scene size for camera controls

* feat: adjust camera movement speeds based on scene size

* fix: clarify comment for frame discard check in CameraControls

Author: kpal81xd

examples/src/examples/camera/fly.example.mjs

@@ -106,11 +106,14 @@ camera.addComponent('script');
 camera.setPosition(start);
 app.root.addChild(camera);
 const cc = /** @type { CameraControls} */ (camera.script.create(CameraControls));
+const sceneSize = bbox.halfExtents.length();
 Object.assign(cc, {
-    sceneSize: bbox.halfExtents.length(),
     focusPoint: bbox.center,
     enableOrbit: false,
-    enablePan: false
+    enablePan: false,
+    moveSpeed: 2 * sceneSize,
+    moveFastSpeed: 4 * sceneSize,
+    moveSlowSpeed: sceneSize
 });
 
 /**

examples/src/examples/camera/multi.example.mjs

@@ -106,9 +106,12 @@ camera.addComponent('script');
 camera.setPosition(start);
 app.root.addChild(camera);
 const cc = /** @type { CameraControls} */ (camera.script.create(CameraControls));
+const sceneSize = bbox.halfExtents.length();
 Object.assign(cc, {
-    sceneSize: bbox.halfExtents.length(),
-    focusPoint: bbox.center
+    focusPoint: bbox.center,
+    moveSpeed: 2 * sceneSize,
+    moveFastSpeed: 4 * sceneSize,
+    moveSlowSpeed: sceneSize
 });
 
 // focus on entity when 'f' key is pressed

examples/src/examples/camera/orbit.example.mjs

@@ -106,10 +106,13 @@ camera.addComponent('script');
 camera.setPosition(start);
 app.root.addChild(camera);
 const cc = /** @type { CameraControls} */ (camera.script.create(CameraControls));
+const sceneSize = bbox.halfExtents.length();
 Object.assign(cc, {
-    sceneSize: bbox.halfExtents.length(),
     focusPoint: bbox.center,
-    enableFly: false
+    enableFly: false,
+    moveSpeed: 2 * sceneSize,
+    moveFastSpeed: 4 * sceneSize,
+    moveSlowSpeed: sceneSize
 });
 
 // focus on entity when 'f' key is pressed

examples/src/examples/gaussian-splatting/lod-instances.example.mjs

@@ -162,10 +162,11 @@ assetListLoader.load(() => {
 
     camera.addComponent('script');
     const cc = /** @type { CameraControls} */ (camera.script.create(CameraControls));
+    const sceneSize = 500;
     Object.assign(cc, {
         sceneSize: 500,
-        moveSpeed: 0.003,
-        moveFastSpeed: 0.01,
+        moveSpeed: 0.003 * sceneSize,
+        moveFastSpeed: 0.01 * sceneSize,
         enableOrbit: false,
         enablePan: false,
         focusPoint: new pc.Vec3(2, 0.6, 0)

examples/src/examples/gaussian-splatting/lod.example.mjs

@@ -132,12 +132,12 @@ assetListLoader.load(() => {
 
     camera.addComponent('script');
     const cc = /** @type { CameraControls} */ (camera.script.create(CameraControls));
+    const sceneSize = 500;
     Object.assign(cc, {
-        sceneSize: 500,
-        moveSpeed: 0.05,
-        moveFastSpeed: 0.3,
-        // moveSpeed: 0.005,
-        // moveFastSpeed: 0.03,
+        moveSpeed: 0.05 * sceneSize,
+        moveFastSpeed: 0.3 * sceneSize,
+        // moveSpeed: 0.005 * sceneSize,
+        // moveFastSpeed: 0.03 * sceneSize,
         enableOrbit: false,
         enablePan: false
     });

examples/src/examples/misc/editor.example.mjs

@@ -133,7 +133,7 @@ Object.assign(cc, {
     moveDamping: 0
 });
 app.on('gizmo:pointer', (/** @type {boolean} */ hasPointer) => {
-    cc.skipUpdate = hasPointer;
+    cc.enabled = !hasPointer;
 });
 
 // outline renderer