Add quaternion to components

hmans · Jun 7, 2022 · 3869d43 · 3869d43
1 parent 3cbc31f
commit 3869d43
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/chatty-pumpkins-prove.md b/.changeset/chatty-pumpkins-prove.md
@@ -0,0 +1,5 @@
+---
+"vfx": patch
+---
+
+**New:** Added `quaternion` to the components passed to `setup`, allowing you to initialize each particle's original rotation.
diff --git a/apps/examples/src/effects/Explosion.tsx b/apps/examples/src/effects/Explosion.tsx
@@ -66,6 +66,7 @@ const Dirt = ({ delay = 0 }) => (
           .applyAxisAngle(new Vector3(0, 1, 0), between(0, Math.PI * 2))
 
         c.position.copy(direction).multiplyScalar(3 + plusMinus(0.2))
+        c.quaternion.random()
 
         c.velocity.copy(direction).multiplyScalar(10 + power(3) * 10)
 

diff --git a/packages/vfx/src/MeshParticles.tsx b/packages/vfx/src/MeshParticles.tsx
@@ -26,6 +26,7 @@ const tmpMatrix4 = new Matrix4()
 
 const components = {
   position: new Vector3(),
+  quaternion: new Quaternion(),
   velocity: new Vector3(),
   acceleration: new Vector3(),
   delay: 0,
@@ -123,6 +124,7 @@ export const MeshParticles = forwardRef<InstancedMesh, MeshParticlesProps>(
         for (let i = 0; i < count; i++) {
           /* Reset components */
           components.position.set(0, 0, 0)
+          components.quaternion.set(0, 0, 0, 1)
           components.velocity.set(0, 0, 0)
           components.acceleration.set(0, 0, 0)
           components.scaleStart.set(1, 1, 1)
@@ -141,7 +143,7 @@ export const MeshParticles = forwardRef<InstancedMesh, MeshParticlesProps>(
             playhead.current,
             tmpMatrix4.compose(
               components.position,
-              tmpRotation,
+              components.quaternion,
               tmpScale.setScalar(1)
             )
           )