diff --git a/examples/vfx-particle-simulation/index.html b/examples/vfx-particle-simulation/index.html index 4d427d5..f77c288 100644 --- a/examples/vfx-particle-simulation/index.html +++ b/examples/vfx-particle-simulation/index.html @@ -27,6 +27,7 @@ import { ForgeRenderer, PointerControls, + FpsMovement, SplatMesh, VRButton, generators, @@ -49,8 +50,8 @@ 0.1, 1000 ); - camera.position.set(-6, 12, 100); - camera.rotateY((3 * Math.PI) / 2); + camera.position.set(6, 12, 105.5); + // camera.rotateY((Math.PI)); const renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); @@ -72,13 +73,14 @@ // const backgroundURL = await getAssetFileURL("snow-street.spz"); const backgroundURL = - "./snow_street_crop37.spz"; + "./snow-street.spz"; const background = new SplatMesh({ url: backgroundURL }); background.quaternion.set(1, 0, 0, 0); scene.add(background); await background.initialized; - const controls = new PointerControls({ canvas: renderer.domElement }); + //const controls = new PointerControls({ canvas: renderer.domElement }); + const controls = new FpsMovement({ moveSpeed: 8.0 }); const cam = camera.position; const snowVolumeBox = new THREE.Box3( @@ -222,12 +224,12 @@ controls.update(dt, camera); // camera movement - const targetX = 0.5; - const startX = -6; + const targetZ = 99; + const startZ = 105.5; const duration = 90; const progress = Math.min(1, t / duration); const smoothProgress = Math.sin(progress * Math.PI * 0.5); - camera.position.x = startX + (targetX - startX) * smoothProgress; + camera.position.z = startZ + (targetZ - startZ) * smoothProgress; if (!params.isPaused) { snow.fallVelocity.value = params.fallVelocity;