demo 修正

Author: takuma-hmng8

app/_home/index.tsx

@@ -22,6 +22,7 @@ export const Home = () => {
 
    setBlending({
       mapIntensity: 0.45,
+      brightness: new THREE.Vector3(0.2, 0.2, 0.2),
    });
 
    setNoise({
@@ -52,16 +53,16 @@ export const Home = () => {
    useFrame((props) => {
       const noise = updateNoise(props);
       const fluid = updateFluid(props);
-      const picked = updateBrightnessPicker(props, {
-         texture: fluid,
-      });
       const blending = updateBlending(props, {
-         texture: picked,
+         texture: fluid,
          map: noise,
       });
-      const colorStrata = updateColorStrata(props, {
+      const picked = updateBrightnessPicker(props, {
          texture: blending,
       });
+      const colorStrata = updateColorStrata(props, {
+         texture: picked,
+      });
       ref.current!.uniforms.u_fx.value = colorStrata;
    });
 

packages/use-shader-fx/src/hooks/useColorStrata/shader/main.frag

@@ -21,7 +21,7 @@ void main() {
 		}
 		col[int(j)] = fract(p.x * laminateDetail.x + p.y * laminateDetail.y);
 	}
-	col *= colorFactor;
+	col *= colorFactor * alpha;
 	col = clamp(col, 0.0, 1.0);
 	gl_FragColor = vec4(col, alpha);
 }