ESM First Person Controller (playcanvas#7252)

* Rewrote FPS scripts into ESM

* Renamed to character controls and script to first person controller

* Removed comma

* Renamed character controls to first person controller

* Updated keyboard mouse input

* Combined inputs inside fps controller class

* Re-exposed all attributes for each input

* Added missing definitions of lastFoward and lastStrafe back in

examples/src/examples/camera/first-person.example.mjs

@@ -1,7 +1,9 @@
 // @config DESCRIPTION <div style='text-align:center'><div>(<b>WASD</b>) Move</div><div>(<b>Space</b>) Jump</div><div>(<b>Mouse</b>) Look</div></div>
-import { deviceType, rootPath } from 'examples/utils';
+import { deviceType, fileImport, rootPath } from 'examples/utils';
 import * as pc from 'playcanvas';
 
+const { FirstPersonController } = await fileImport(`${rootPath}/static/scripts/esm/first-person-controller.mjs`);
+
 const canvas = /** @type {HTMLCanvasElement} */ (document.getElementById('application-canvas'));
 window.focus();
 
@@ -23,7 +25,6 @@ const gfxOptions = {
 
 const assets = {
     map: new pc.Asset('map', 'container', { url: `${rootPath}/static/assets/models/fps-map.glb` }),
-    script: new pc.Asset('script', 'script', { url: `${rootPath}/static/scripts/camera/first-person-camera.js` }),
     helipad: new pc.Asset(
         'helipad-env-atlas',
         'texture',
@@ -112,15 +113,12 @@ function createCharacterController(camera) {
         restitution: 0
     });
     entity.addComponent('script');
-    entity.script.create('characterController', {
+    entity.script.create(FirstPersonController, {
         attributes: {
-            camera: camera,
+            camera,
             jumpForce: 850
         }
     });
-    entity.script.create('desktopInput');
-    entity.script.create('mobileInput');
-    entity.script.create('gamePadInput');
 
     return entity;
 }