updating assets and cellular color

ameerabuf · Nov 4, 2024 · cdfd61e · cdfd61e
1 parent 712d606
commit cdfd61e
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 11 deletions.
diff --git a/demo/alpha-mask.js b/demo/alpha-mask.js
@@ -12,8 +12,8 @@ prepareMedia([media1, media2], 'video', [
     `../Engineering Conference Assets/Luminance Mask1.mov`,
     `../Engineering Conference Assets/Luminance Mask2.mov`,
 ]).then((videos) => {
-    const width = videos[0].videoWidth || videos[0].naturalWidth;
-    const height = videos[0].videoHeight || videos[0].naturalHeight;
+    const width = videos[0].videoWidth / 2 || videos[0].naturalWidth;
+    const height = videos[0].videoHeight / 2 || videos[0].naturalHeight;
 
     alphaMask.isLuminance = true;
     alphaMask.mask = videos[1];

diff --git a/demo/cellular-noise.js b/demo/cellular-noise.js
@@ -11,7 +11,7 @@ const render = {
             u_time: 'float',
         },
         constant: noise.cellular,
-        main: 'float noiseAmount = vec3(noise(vec3(gl_FragCoord.xy/u_resolution.xy, u_time * 0.0005))).r; color = noiseAmount * vec3(1.0, 0.643, 0.976) + (1.0 - noiseAmount) * vec3(1.0, 0.886, 0.165);',
+        main: 'float noiseAmount = vec3(noise(vec3(gl_FragCoord.xy/u_resolution.xy, u_time * 0.0005))).r; noiseAmount *= noiseAmount * noiseAmount; color = noiseAmount * vec3(1.0, 0.643, 0.976) + (1.0 - noiseAmount) * vec3(1.0, 0.886, 0.165);',
     },
     uniforms: [
         {

diff --git a/demo/dissolve-gallery.js b/demo/dissolve-gallery.js
@@ -15,12 +15,12 @@ const TYPE = 'LIQUID';
 const ANIMATIONS = {
     SMOKE: {
         octaves: 8,
-        edge: 0.4,
-        cellFactor: 4,
+        edge: 0.9,
+        cellFactor: 1,
     },
     LIQUID: {
-        octaves: 1,
-        edge: 0.03,
+        octaves: 10,
+        edge: 0.4,
         cellFactor: 2,
     },
 };

diff --git a/demo/dissolve-transition.js b/demo/dissolve-transition.js
@@ -17,12 +17,12 @@ const TYPE = 'LIQUID';
 const ANIMATIONS = {
     SMOKE: {
         octaves: 8,
-        edge: 0.4,
-        cellFactor: 4,
+        edge: 0.9,
+        cellFactor: 1,
     },
     LIQUID: {
-        octaves: 1,
-        edge: 0.03,
+        octaves: 10,
+        edge: 0.4,
         cellFactor: 2,
     },
 };

diff --git a/demo/turbulence.js b/demo/turbulence.js
@@ -6,6 +6,7 @@ target.height = 480;
 
 const target2 = document.querySelector('#target');
 const media1 = document.querySelector('#video5');
+target2.style = 'height: 120%';
 
 // uncomment here if you want to see just the turbulence
 //target2.parentNode.replaceChild(target, target2);