I just drew a "web crawler" with 100% code... :) Live demo → #webgpu #tsl #r3f #creativecodingshow more

Finally got a flower bloom effect working with WebGPU!... #threejs #tsl #gsap #r3fshow more

The Milkmaid live demo is here! At Revelium™ Studio... , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

Bake your #threejs shaders into textures! I am releasing... three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webglshow more

Kinda obsessed with node-based workflows right now. ✨ #webgpu... #tsl #threejsshow more

Reflector with distance based blur. You can do this... with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpushow more

Experimented with a conceptual 3D web app combining biology,... particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓show more

2D smoke and 3D model #threejs #gsap #webgl #creativecoding

A painting reborn as data. At Revelium™ Studio with... the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

Three.js, WebGPU, TSL full throttle with this very performant,... compute shaders based one component VFX system very easy to use React API.show more

This is a demo I made with Astra called... Tide Garden It's a wasm + webgpu realtime demo you can run in Chrome on your browser Very zen to leave in the backgroundshow more

Web Scrapping with Python (with code snippets) In this... thread, you will learn everything you need to know to build a Web scrapper in Python. Check out this quick demo (A Thread 🧵👇)show more

This glass configurator has no custom shaders or geometries.... Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IOshow more

If you've tried getting AI to write TSL shaders,... you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shadersshow more

The liquid glass carousel is live. Rebuilt it a... bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇show more

Created this game demo over the weekend without writing... a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7show more

whirlpool. Source code -> #openframeworks #programming #creativecoding #プログラミング

Wrote a (quite long) article for Codrops with a... demo made in #webgpu. Hope it gets to be useful for anyoneshow more

Step line. Source code -> #openframeworks #programming #creativecoding #プログラミング

Visualize parameter. Source code -> #openframeworks #programming #creativecoding #プログラミング

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js... Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmapshow more