My Three.js & WebGPU experiments

Explore my Three.js, WebGPU and shader experiments. Creative development studies by Ameen Abdullah, based in Kerala, India.

• WebGL Gallery

  3d webgl curved infinite gallery made with threejs and glsl shaders

  webgl · glsl · slider · gallery · three.js

  Open experiment

• Above the Grassland

  Above the Grassland is a personal experiment in cinematic web experiences with film-like visuals, camera movement, color grading, and audio, all built on a Three.js WebGPU pipeline. The site lets you adjust mood and weather settings for a relaxing, immersive atmosphere.

  cinematic · webgpu · 3d · TSL · three.js · GSAP · Compute Shader

  Open experiment

• Particles Reveal

  A particle transition experiment between two textures using WebGPU compute shaders, customizable controls, and curl-noise displacement.

  webgpu · 3d · animation · three.js · particles

  Open experiment

• Noise Gradient

  Noise gradient shader made with threejs, webgl and glsl shaders

  webgl · glsl · animation · three.js

  Open experiment

• Ashfall Gallery

  Webgl 3d rotating gallery inspired from ashfall studio labs page, with custom interactive shader effects and bending images on scroll

  interactive · gallery · webgl · gsap · 3d · three.js

  Open experiment

• Burn Transition

  Burn image transition effect inspired from Yoichi Kobayashi's original work, made with threejs, webgl and glsl shaders

  webgl · gsap · glsl · transition · three.js · interactive

  Open experiment

• Fullscreen Transition

  Full screen shader transition effect inspired from taotajima website, with hover displacement and image transition with webgl image dom sync made with threejs

  webgl · gsap · glsl · animation · three.js

  Open experiment

• Scene Transition

  Simple webgl scene transition effect between two scenes with noise border, chromatic aberation and uv displacement made with threejs

  webgl · gsap · glsl · scroll · three.js

  Open experiment

• Text Transition

  Webgl typography animation with msdf text and glsl shaders

  webgl · gsap · glsl · typography · animation · three.js

  Open experiment

• Blinds WebGL

  Webgl blinds effect on hover with noise displacement with webgl image dom sync

  webgl · interaction · three.js

  Open experiment

• Sound Car

  Sound Car is a cinematic car-tunnel experiment built for the NewForm web design challenge, with immersive audio.

  webgl · 3d · audio · three.js · cinematic

  Open experiment