Update viewer.js

viewer.js

@@ -166,6 +166,7 @@ export async function initializeViewer(config, instanceId) {
   opts.graphicsDevice = device;
   opts.mouse = new pc.Mouse(canvas);
   opts.touch = new pc.TouchDevice(canvas);
+  opts.keyboard = new pc.Keyboard(window); 
   opts.componentSystems = [
     pc.RenderComponentSystem,
     pc.CameraComponentSystem,
@@ -194,7 +195,10 @@ export async function initializeViewer(config, instanceId) {
   resizeObserver.observe(viewerContainer);
 
   window.addEventListener('resize', () => app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight));
-  app.on('destroy', () => resizeObserver.disconnect());
+  app.on('destroy', () => {
+    resizeObserver.disconnect();
+    if (opts.keyboard) opts.keyboard.detach && opts.keyboard.detach();
+  });
 
   // Assets after app exists
   const assets = {
@@ -281,7 +285,13 @@ export async function initializeViewer(config, instanceId) {
     });
     cameraEntity.script.create('orbitCameraInputMouse');
     cameraEntity.script.create('orbitCameraInputTouch');
-    //cameraEntity.script.create('orbitCameraInputKeyboard');
+    cameraEntity.script.create('orbitCameraInputKeyboard', {
+      attributes: {
+        forwardSpeed: 1.2,     // vitesses relatives à la distance
+        strafeSpeed: 1.2,
+        fastMultiplier: 2.5,   // Shift
+        slowMultiplier: 0.5    // Ctrl
+      }
     app.root.addChild(cameraEntity);
 
     app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);