enabling seed, disabling negative speed

paper-design · Dec 21, 2024 · c1e5fed · c1e5fed
1 parent 0cb82a6
commit c1e5fed
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/example/src/shaders/metaballs-example.tsx b/example/src/shaders/metaballs-example.tsx
@@ -13,6 +13,7 @@ const MetaballsExample = () => {
       color3="#f5d03b"
       scale={11}
       speed={1}
+      seed={0}
       visibilityRange={0}
       dotSize={1}
       style={{ position: 'fixed', width: '100%', height: '100%' }}
@@ -37,10 +38,11 @@ export const MetaballsWithControls = () => {
           color1: { value: defaults.color1, order: 1 },
           color2: { value: defaults.color2, order: 2 },
           color3: { value: defaults.color3, order: 3 },
-          speed: { value: defaults.speed, order: 4, min: -2, max: 2 },
-          scale: { value: defaults.scale, order: 5, min: 1, max: 20 },
-          dotSize: { value: defaults.scale, order: 6, min: 0, max: 1 },
-          visibilityRange: { value: defaults.scale, order: 7, min: 0, max: 1 },
+          speed: { value: defaults.speed, order: 4, min: 0, max: 2 },
+          seed: { value: defaults.speed, order: 5, min: 0, max: 1 },
+          scale: { value: defaults.scale, order: 6, min: 1, max: 20 },
+          dotSize: { value: defaults.scale, order: 7, min: 0, max: 1 },
+          visibilityRange: { value: defaults.scale, order: 8, min: 0, max: 1 },
         },
         { order: 1 }
       ),

diff --git a/packages/shaders/src/shader-mount.ts b/packages/shaders/src/shader-mount.ts
@@ -179,7 +179,7 @@ export class ShaderMount {
 
   /** Set a seed to get a deterministic result */
   public setSeed = (newSeed: number): void => {
-    this.totalAnimationTime = newSeed;
+    this.totalAnimationTime = 10000 * newSeed;
     this.render(performance.now());
   };