Craft an animated #gradient with #webgl Designer: Can you add GUI controls for playing with colors? Me: Sure! Designer: …and animations… *Blinking Me: Here’s gradient tool with 50+ controls for everything Play with it & share your favs: https://t.co/q33k3plt2B #threejs #shaders

New feature! Post-processing for gradients!

Animated gradients meet effects powered by @threejs Now you can add effects to your animated #gradients. The first pack of #webgl effects is here: Pixelation, ASCII, Halftone, Dithering, Drops. Try them → https://t.co/XpvsS9L92j #shaders #creativecoding #threejs #threejsJourney

Also live: Recording. Click Record (or press V), pick quality, export a 10–20s loop (WebM/MP4). Post your clip (and share the sharing link) — the best recordings will go into the gallery this week 👀 #threejs #creativecoding #threejsJourney #shaders

Update — you asked for embeds, so I shipped it. Details & snippet here 👇 https://t.co/tzD8ojHJZw

As promised, today’s drop is embedding a live gradient on your site. It’s super simple: one script + one <div> and you’ve got an animated background. Try it → https://t.co/q33k3pkVd3 Got a site? Embed it and show how it looks — link or screenshot welcome #webgl #shaders #threejs

@AlanZucconi 🧠 What's under the hood of this CD-ROM effect: • Custom shader material with uniforms • Physically accurate diffraction via spectral Zucconi method • Tangent-based geometry for precise rainbow reflections • Interactive controls • Dynamic album textures from iTunes API

@AlanZucconi 🌈 The magic happens at the microscopic level where light direction, viewing angle, and groove spacing interact to create that spectral shift. I've integrated the Apple Music API so you can see your favorite albums spin with #iridescence! https://t.co/MlXpGPNte5 #threejsJourney

💿 Do you love that rainbow shimmer on CD-ROMs? I've been diving deep into iridescence materials and diffraction physics. Had to recreate this in #glsl! Thanks to @AlanZucconi for the math of diffraction grating. See how light waves interact at different angles⬇️ #threejs #webgl

🧵 8/8 💭 What would you add to this project? I'm particularly interested in: • New fluid simulation approaches • Performance optimization ideas • Creative interaction patterns • Visual effects suggestions Share your thoughts! What features would make this even better?

🧵 4/5 🔮 Planned improvements: • Navier-Stokes based simulation • KTX texture compression • GPU-based hover detection using compute shaders • Advancing performance with a WebGPU implementation and TSL for an extra edge. • Advanced force field effects #webgl #threejs

🧵 3/5 Instead of rendering each card separately, the entire system uses a single instanced mesh with multiple atlas textures: • Minimum draw call for hundrends cards • Dynamic texture switching • Great FPS even on mobile devices • Minimal memory footprint #threejs

🧵 2/5 Custom GPU-accelerated force-based physics using compute shaders: • Position-based dynamics • Force field interactions • Velocity-based movement • Returning to original position • Smart debounce system All calculated in parallel on GPU with minimal CPU overhead #webgl

🧵 1/5 🚀 Sharing my latest #WebGL experiment: an interactive field of floating cards with simple real-time GPU physics. Each card reacts to user interaction with fluid-like motion, running entirely on GPU. Live demo:  https://t.co/9IMDiBXt0G #threejs #webdev #creativecoding

new stream, reimplementing image transition with #threejs TSL shaders from @active_theory demo website https://t.co/zZ15a1J5gL, video: https://t.co/wKcqZm7j9C

🚀 Really quickly generated AI #krea video textures! Spent just a few minutes and the results are mind blowing 🤯✨. Excited to use them in my new experiment. Will share the #threejs scene soon—stay tuned! 🎨🔍 #AIart #AIvideo #aiartcommunity #AI

Perlin Noise explanation in action 🤖 #webgl #threejs #creativecoding #joke

My new #ThreeJS experiment: Split image/video/shader textures across Instanced Mesh. Each cell shares texture but ripples independently. Dynamic effects & interactivity. Any ideas on how to make the movements feel more organic? Or cool effects to add next? https://t.co/EBAzKBHk05

Also big thanks to @__rockbiter for the amazing series of YouTube tutorials!

🎨Blending art and code in my latest #threejsjourney experiment! Mixed 3D text, shaders, and particles. So happy with how fluid and interactive it feels! Live: https://t.co/B8QYRCHKCT #threejs #webgl #creativecoding