storytold/spark
2
0
Fork 0
mirror of https://github.com/storytold/spark.git synced 2026-10-21 08:06:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make wasd default controls for viewer

Browse Source
This commit is contained in:
Diego Marcos Segura
2025-09-28 10:14:54 -07:00
parent 1d9790b541
commit 6d7d8012a1
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/viewer/index.html
+9 -6
View File
@@ -185,7 +185,7 @@
</script> </script>
<script type="module"> <script type="module">
import * as THREE from "three"; 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"; import { OrbitControls } from "three/addons/controls/OrbitControls.js";
const sparkCanvasEl = document.querySelector(".spark-canvas"); const sparkCanvasEl = document.querySelector(".spark-canvas");
@@ -199,10 +199,12 @@
var fileBytes; var fileBytes;
renderer.setSize(width, height, false); renderer.setSize(width, height, false);
const orbitControls = new OrbitControls(camera, renderer.domElement); debugger;
orbitControls.target.set(0, 0, 0); const controls = new SparkControls({ canvas: sparkCanvasEl });
orbitControls.minDistance = 0.1; // const orbitControls = new OrbitControls(camera, renderer.domElement);
orbitControls.maxDistance = 10; // orbitControls.target.set(0, 0, 0);
// orbitControls.minDistance = 0.1;
// orbitControls.maxDistance = 10;
function resize() { function resize() {
const width = window.innerWidth; const width = window.innerWidth;
@@ -225,7 +227,8 @@
renderer.setAnimationLoop(function animate(time) { renderer.setAnimationLoop(function animate(time) {
resize(); resize();
orbitControls.update(); // orbitControls.update();
controls.update(camera);
renderer.render(scene, camera); renderer.render(scene, camera);
}); });