A step-by-step process for building a procedural vortex enclosed in a glass sphere using Three.js Shader Language (TSL). Covers the creation of a 2D shader, texture effects, transition to particles, and the addition of a glass material with realistic lighting effects. By combining mathematical transformations, fractal noise, and physical materials, the result is a dynamic and mesmerizing visual effect. 🚀✨

Article on Codrops

Demo

npm i
npm run dev

• Ref Shader Swirl - cmzw
• EnvMap - rogland_clear_night
• Bruno Simon (Teacher) - Twitter
• The company I work for - EgorovAgency

Follow me: Twitter, Instagram, GitHub

Follow Codrops: Bluesky, Facebook, GitHub, Instagram, X

MIT