Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL. holtsetio.com/lab/aurelia/

tsl volumetric lights, instanced mesh with computed positions inside shader node using this example as main reference github.com/mrdoob/three.j…

Finally solved all the big things needed to prove occlusion culling is viable in the Hyperfy engine. All culling happens directly at render time and instantly, we've taken over the Three.js render pipeline to use our spatial hierarchy and manually issue renders,

robotic spider (blender to threejs)

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: faraz-portfolio.github.io/demo-2025-inte… Code: github.com/Faraz-Portfoli… #creativecoding #threejs #webgl

Just added the next part of the graphs and data structures section, covering traversal and pathfinding! Combined they're about 2.5 hours of new content, live now! 🔗 simondev.io #threejs #gamedevelopment

📝 New Blog Post 📝 I finally sat down to write about what I learned building a Volumetric Lighting effect for the web In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project blog.maximeheckel.com/posts/shaping-…

Decided to check out how water is rendered in Counter-Strike 2 Given how interactive water in CS2 is, I expected to see some cell fluid simulation, but turns out they use just a low-res off-screen buffer with flat 2D decals for various water effects. Reminds me of HL2 water :)

I have added a couple of bonus lectures in our 2D Game Physics module with an overview of popular numerical integrators.

My little verlet-based cloth sim is now online if you want to play with it! 🤗 🔗 holtsetio.com/lab/breeze/ Also check out the 🍁autumn leaves and 🌸sakura petals scenes! It's still a work in progress, next step is adding self-collision. Built with Three.js WebGPURenderer 🚀

I'm going to be kicking off a new series of daily posts called "Three.js Tip of the Day"💡 These will be little bite-sized bits of info about Three.js that you may or may not know! Be sure to follow to get these daily posts 👍 #threejs #webgl #webgpu

A little followup to the last section: If you understand heuristics and admissibility, you can tweak A* to run much faster! If you're willing to sacrifice perfection, faster still. Learn about it in my latest section on graph traversal. simondev.io

Starting a new series of super lightweight shaders: "Nova" vec2 p=(FC.xy*2.-r.x)/r.y;float l=1.-length(p);o+=tanh((1.1+sin(p.x+t+vec4(0,2,4,0)))/2e2/max(l,-l*.1));

Source code: github.com/ektogamat/appl… Live link: appleliquidglass.vercel.app I increased the parallax effect in the background to visualize the liquid glass effect better and created a custom settings panel. Please leave a star on GitHub if it was useful 😊 #threejs #r3f #webgl

SPWI global illumination in 3D with Radiance Cascades and Garrett Johnson 🦋's three-mesh-bvh. Probes are placed in screen-space and trace world-space intervals into a BVH. Resolves offscreen emitters and occluders; memory use tied to screen. Zero-shot, no noise, and fixed cost.

Putting together a boids and flocking section! #threejs #gamedevelopment

"Fiber Optic" vec3 p;for(float z,d,i;i++<7e1;z+=d,o+=.1*(cos(z+sin(p.z)+vec4(6,1,2,0))+1.2)/d/z)p=z*normalize(FC.rgb*2.-r.xyy),p.z-=t/.1,d=.01+.5*length(vec2(cos(atan(p.y,p.x)*5.+.2*p.z)+.5,length(p.xy+sin(p.z*.2+vec2(0,1)))-5.));o=tanh(o);

Built a sparkling zero-gravity fluid sim in #WebGPU using PBF, marching cubes, and photon mapping for real-time caustics ✨🌊🔮

Another unreleased shader - Puddle with raindrops, splashes, ripples and lightning. Of course, all #threejs and #r3f. Best witih sound. Dont forget to hit "Start" on the demo page! Live: faraz-portfolio.github.io/demo-2023-rain… Code: github.com/Faraz-Portfoli…

Love it, the ragdoll on the zombies is very satisfying!