From 6d7d8012a1fe152f40fece05ecec1277748b4447 Mon Sep 17 00:00:00 2001
From: Diego Marcos Segura <diego.marcos@gmail.com>
Date: Sun, 28 Sep 2025 10:14:54 -0700
Subject: [PATCH] Make wasd default controls for viewer

---
 examples/viewer/index.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/examples/viewer/index.html b/examples/viewer/index.html
index 10ef255..af01f3a 100644
--- a/examples/viewer/index.html
+++ b/examples/viewer/index.html
@@ -185,7 +185,7 @@
   </script>
   <script type="module">
     import * as THREE from "three";
-    import { SplatMesh, transcodeSpz } from "@sparkjsdev/spark";
+    import { SplatMesh, transcodeSpz, SparkControls } from "@sparkjsdev/spark";
     import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 
     const sparkCanvasEl = document.querySelector(".spark-canvas");
@@ -199,10 +199,12 @@
     var fileBytes;
     renderer.setSize(width, height, false);
 
-    const orbitControls = new OrbitControls(camera, renderer.domElement);
-    orbitControls.target.set(0, 0, 0);
-    orbitControls.minDistance = 0.1;
-    orbitControls.maxDistance = 10;
+    debugger;
+    const controls = new SparkControls({ canvas: sparkCanvasEl });
+    // const orbitControls = new OrbitControls(camera, renderer.domElement);
+    // orbitControls.target.set(0, 0, 0);
+    // orbitControls.minDistance = 0.1;
+    // orbitControls.maxDistance = 10;
 
     function resize() {
       const width = window.innerWidth;
@@ -225,7 +227,8 @@
 
     renderer.setAnimationLoop(function animate(time) {
       resize();
-      orbitControls.update();
+      // orbitControls.update();
+      controls.update(camera);
       renderer.render(scene, camera);
     });