tutorial
Web eco-design
Web eco-design tools and docs
WebGPU samples
webgpu.github.io/webgpu-samples
3D Character Modeling Tutorial
Dissolve Effect by Jatin Chopra
Implementing a Dissolve Effect with Shaders and Particles in Three.js
float noise = cnoise(vPos * uFreq) * uAmp; // calculate cnoise in fragment shader for smooth dissolve edges
if(noise < uProgress) discard; // discard any fragment where noise is lower than progress
float edgeWidth = uProgress + uEdge;
if(noise > uProgress && noise < edgeWidth){
gl_FragColor = vec4(vec3(uEdgeColor),noise); // colors the edge
}
gl_FragColor = vec4(gl_FragColor.xyz,1.0);Implementing a Dissolve Effect with Shaders and Particles in Three.js
