Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Today, MJ breaks down False Earth, an incredible WebGPU-powered world where the heavy lifting happens on the GPU: procedural grass, VAT animation, compute shaders, indirect draw, LOD, and GPU-driven culling. Go behind the scenes:

Codrops

171,403 subscribers

21,581 views • 5 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Greedy_Evening shared a GPU-driven quadtree terrain mesh with dynamic LOD, culling, and stitching handled directly on the GPU 🌍 See more:

Greedy_Evening shared a GPU-driven quadtree terrain mesh with dynamic LOD, culling, and stitching handled directly on the GPU 🌍 See more:

Jettelly Inc.

25,948 views • 7 months ago

How do you turn more than 1GB of production 3D assets into a WebGL experience under 10MB that runs smoothly on mobile? Today, Sindhur Dutta from BUNQ LABS breaks down the engineering, shaders, and performance techniques behind ZERO, the defiant interactive narrative that's as much an engineering feat as a creative one:

How do you turn more than 1GB of production 3D assets into a WebGL experience under 10MB that runs smoothly on mobile? Today, Sindhur Dutta from BUNQ LABS breaks down the engineering, shaders, and performance techniques behind ZERO, the defiant interactive narrative that's as much an engineering feat as a creative one:

Codrops

12,631 views • 2 months ago

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Renaud

22,151 views • 11 months ago

Ever wonder how to make fire feel alive without melting your GPU? 🔥 Solo dev Sørb breaks down the real-time 2D fluid simulation behind his upcoming action-roguelike, Ignitement. Learn how he uses smart shaders and light maps to create reactive, deadly VFX. 🔗 Read the full breakdown:

Ever wonder how to make fire feel alive without melting your GPU? 🔥 Solo dev Sørb breaks down the real-time 2D fluid simulation behind his upcoming action-roguelike, Ignitement. Learn how he uses smart shaders and light maps to create reactive, deadly VFX. 🔗 Read the full breakdown:

Unity for Games

13,533 views • 4 months ago

We are excited to share a deeper look into the GPU Sharing Platform that will power AI applications on the InfraX V4 DApp. In this demo we showcase a GPU running and completing an image generation task. Our backend successfully leverages this GPU (and CPU) in real time to complete the job, earning the user money, and powering the infraX platform. Here’s how it works 👉 when you connect to the InfraX DApp, our platform automatically detects the GPU on your machine and immediately checks it eligibility and where it can be used. From there, each user dictates exactly how and when they want to contribute their GPU power by setting the days their PC is most available (throughout the night, for example). Additional, each user will be able to pause their GPU's connection to infraX whenever they need to use it locally, resuming with a just a single click. Once activated, your GPU seamlessly plugs into the InfraX network and begins fulfilling compute jobs, earning YOU money. Go on, take the $INFRA pill..

We are excited to share a deeper look into the GPU Sharing Platform that will power AI applications on the InfraX V4 DApp. In this demo we showcase a GPU running and completing an image generation task. Our backend successfully leverages this GPU (and CPU) in real time to complete the job, earning the user money, and powering the infraX platform. Here’s how it works 👉 when you connect to the InfraX DApp, our platform automatically detects the GPU on your machine and immediately checks it eligibility and where it can be used. From there, each user dictates exactly how and when they want to contribute their GPU power by setting the days their PC is most available (throughout the night, for example). Additional, each user will be able to pause their GPU's connection to infraX whenever they need to use it locally, resuming with a just a single click. Once activated, your GPU seamlessly plugs into the InfraX network and begins fulfilling compute jobs, earning YOU money. Go on, take the $INFRA pill..

infraX | $INFRA

30,615 views • 1 year ago

$Someone converted the Mandelbrot set into sound by mapping fractal orbits to audio frequencies in real time on a GPU - and accidentally built an infinite synthesizer. Every point in the fractal converges to a repeating orbit with its own period and shape. Map those coordinates to speaker amplitude at 8kHz and you get an instrument where zooming in adds harmonics on top of harmonics - the same principle behind every DSP audio engine ever built. 8 minutes. Bookmark & watch today. The most unexpected use of a GPU you'll see this week.$

Someone converted the Mandelbrot set into sound by mapping fractal orbits to audio frequencies in real time on a GPU - and accidentally built an infinite synthesizer. Every point in the fractal converges to a repeating orbit with its own period and shape. Map those coordinates to speaker amplitude at 8kHz and you get an instrument where zooming in adds harmonics on top of harmonics - the same principle behind every DSP audio engine ever built. 8 minutes. Bookmark & watch today. The most unexpected use of a GPU you'll see this week.

Eron

27,390 views • 1 month ago

Casting Abilities is my new open-source Avatar bending sandbox in the browser. Using Google AI Studio + Three.js, hand-written GLSL, GPU-instanced particles. Draw a path, release, and Fire / Water / Earth / Air rides the spline and detonates. Or switch to walk mode and ride it yourself on an air ball. Source code :

Chiro Visuals

56,012 views • 1 month ago

.CapIX Dev's vision is to bring quantum computing to retail The three layers underneath: - Layer 1: GPU mesh aggregating Surplus Intelligence, Pod the Squire, OpenRouter - Layer 2: Smart router (heavy tasks go to the GPU, light tasks go to the CPU, quantum computing in the future?) - Layer 3: Community cloud with end-to-end flows Ruqaiyah built it solo with an 86-agent dev The whole EasyA Kickstart stack is forming under the $CPX umbrella - ARTHUR LABS builds the 3D model - Bit Agents handles the commerce - Covenant Foundation governs the agents - Factory in China prints the physical product - All running on CapIX compute

.CapIX Dev's vision is to bring quantum computing to retail The three layers underneath: - Layer 1: GPU mesh aggregating Surplus Intelligence, Pod the Squire, OpenRouter - Layer 2: Smart router (heavy tasks go to the GPU, light tasks go to the CPU, quantum computing in the future?) - Layer 3: Community cloud with end-to-end flows Ruqaiyah built it solo with an 86-agent dev The whole EasyA Kickstart stack is forming under the $CPX umbrella - ARTHUR LABS builds the 3D model - Bit Agents handles the commerce - Covenant Foundation governs the agents - Factory in China prints the physical product - All running on CapIX compute

MCG

13,184 views • 2 months ago

🚨 BREAKING NEWS: Where Did the Yums Go? 🚨 An upside-down reality… Are the Yums prisoners, or chosen ones? Unlike the false promises of other projects that leave users behind, the Yums stand as the true community-driven heroes in a world full of letdowns. ✨ But where are they? And if it’s not an upside-down world, then who took them? 👀 💥 Drop your theory in the comments—who or what took the Yums? A special prize awaits one lucky comment! Winners from our last post are in the first comment, with double rewards!

🚨 BREAKING NEWS: Where Did the Yums Go? 🚨 An upside-down reality… Are the Yums prisoners, or chosen ones? Unlike the false promises of other projects that leave users behind, the Yums stand as the true community-driven heroes in a world full of letdowns. ✨ But where are they? And if it’s not an upside-down world, then who took them? 👀 💥 Drop your theory in the comments—who or what took the Yums? A special prize awaits one lucky comment! Winners from our last post are in the first comment, with double rewards!

Yum Party 🍭

55,548 views • 1 year ago

HBM creator Kim Jung-ho reveals his lab's tHBM flipped stack publicly for the first time saying Samsung's zHBM with memory stacked on a hot GPU simply melts and is likely not the right fundamental direction "So the idea is, let's just put the HBM on top of the GPU. Then you never go outside the building, you only ride the elevator, and the speed jumps." "That's the structure Samsung is now proposing as zHBM. The z is, from the x, y, z axes we learned back in school, the vertical direction, so it means stacked in the z direction." "But unfortunately, I don't see that as the fundamental direction, because if you stack HBM on top of the GPU, the GPU gets hot and the memory melts." "So I suspect it's for very simple computation, the kind of use people call an LPU or an NPU. They showed it in passing as a fun technology, and the really important technology doesn't get shown at places like that." "So my lab researches tHBM. I believe today is the first time we're saying this publicly. We flip it, stack the HBM, and put the GPU on top of that."

HBM creator Kim Jung-ho reveals his lab's tHBM flipped stack publicly for the first time saying Samsung's zHBM with memory stacked on a hot GPU simply melts and is likely not the right fundamental direction "So the idea is, let's just put the HBM on top of the GPU. Then you never go outside the building, you only ride the elevator, and the speed jumps." "That's the structure Samsung is now proposing as zHBM. The z is, from the x, y, z axes we learned back in school, the vertical direction, so it means stacked in the z direction." "But unfortunately, I don't see that as the fundamental direction, because if you stack HBM on top of the GPU, the GPU gets hot and the memory melts." "So I suspect it's for very simple computation, the kind of use people call an LPU or an NPU. They showed it in passing as a fun technology, and the really important technology doesn't get shown at places like that." "So my lab researches tHBM. I believe today is the first time we're saying this publicly. We flip it, stack the HBM, and put the GPU on top of that."

Fireside Alpha

112,725 views • 1 month ago

Designing for a brand built on 117 years of blade-making comes with some sharp expectations. In this behind-the-scenes look, mount inc. shows how they captured the essence of KAI's tools — motion-guiding lines, gesture-based scrubbing, and interactions that reveal the care behind every product:

Codrops

27,092 views • 10 months ago

$Access codes will go out tomorrow via welcome emails. API status updates and full API access will follow on Friday. HdeAPoHivsm9MZfeY5tW7apJEprc8Fs594bWmnzfpump The $ICPX website has been rebuilt from the ground up and it reflects exactly where this protocol is headed. The new site is the gateway to decentralised compute powered by Nvidia and Google GPU cloud partner programs, meaning whenever you rent a GPU for a job, it is always available. No downtime, no waitlists. Enterprise grade H100s, H200s and RTX 4090s. Accessible to anyone, at a fraction of what centralised providers charge. Pay with $ICPX tokens and get immediate access to serious compute power. Stake $ICPX to unlock deeper discounts and watch your costs drop over time the more committed you are to the network. This is what pay-per-job decentralised compute actually looks like in practice. Full control over training and running your models, with a lean 0.25% protocol fee managed by multisig. Open-source, immutable, and formally verified with Kani. $$

Access codes will go out tomorrow via welcome emails. API status updates and full API access will follow on Friday. HdeAPoHivsm9MZfeY5tW7apJEprc8Fs594bWmnzfpump The $ICPX website has been rebuilt from the ground up and it reflects exactly where this protocol is headed. The new site is the gateway to decentralised compute powered by Nvidia and Google GPU cloud partner programs, meaning whenever you rent a GPU for a job, it is always available. No downtime, no waitlists. Enterprise grade H100s, H200s and RTX 4090s. Accessible to anyone, at a fraction of what centralised providers charge. Pay with $ICPX tokens and get immediate access to serious compute power. Stake $ICPX to unlock deeper discounts and watch your costs drop over time the more committed you are to the network. This is what pay-per-job decentralised compute actually looks like in practice. Full control over training and running your models, with a lean 0.25% protocol fee managed by multisig. Open-source, immutable, and formally verified with Kani. $

ICPX Protocol

32,161 views • 3 months ago

You’ve definitely seen Aurel’s Grand Theater, an unforgettable, wildly creative portfolio powered by Three.js, Vue and GSAP 🦝 It took nearly two years to bring to life, and today Aurelien Vigne pulls back the curtain, sharing the full story from vision to execution in an epic deep dive. Don't miss this amazing journey! 🔗⬇️

You’ve definitely seen Aurel’s Grand Theater, an unforgettable, wildly creative portfolio powered by Three.js, Vue and GSAP 🦝 It took nearly two years to bring to life, and today Aurelien Vigne pulls back the curtain, sharing the full story from vision to execution in an epic deep dive. Don't miss this amazing journey! 🔗⬇️

Codrops

11,413 views • 1 year ago

I built a Three.js rendering study inspired by Tiny Glade’s painterly aesthetic, and got it running at 120fps in the browser. Over the past few weeks, I’ve been studying how stylized games achieve that soft, handcrafted look in real time. Tiny Glade was a huge inspiration, and I wanted to use the browser as a constraint: no compute shaders, no native GPU access, and single-threaded JavaScript. As part of this study, I implemented: - GPU-driven instanced brick walls with procedural noise jitter and elastic build animations - Tree, bush, and flower rendering with billboard card expansion, wind sway, and grow animations - Procedural grass with terrain conformance and interactive push deformation - Animated water with layered noise, interactive ripples, and Fresnel-based reflections - Procedural terrain with slope-aware triplanar materials, dirt paths, and rocks - A 7-pass post-processing stack with TAA, bloom, depth of field, painterly filtering, ACES tonemapping, 3D LUT color grading, and film grain The hardest part wasn’t writing any single shader. It was making all of these systems work together at high frame rates inside WebGL, where every millisecond counts and performance problems compound quickly across animation, materials, post-processing, and scene management. Some techniques in this study were inspired by analyzing Tiny Glade’s rendering approach, while others were original implementations built from scratch from visual reference. That contrast taught me a lot: recreating an effect is one challenge, but designing your own shaders and systems to achieve a similar feel is a very different one. This is a private educational rendering study. Some temporary placeholder content is being used during the research phase, and any public or production version would use original or properly licensed assets. Huge credit to Pounce Light for the incredible art direction and rendering work in Tiny Glade: Three.js #gamedev #webgl #threejs #rendering #graphics #realtimerendering #shaderdev

I built a Three.js rendering study inspired by Tiny Glade’s painterly aesthetic, and got it running at 120fps in the browser. Over the past few weeks, I’ve been studying how stylized games achieve that soft, handcrafted look in real time. Tiny Glade was a huge inspiration, and I wanted to use the browser as a constraint: no compute shaders, no native GPU access, and single-threaded JavaScript. As part of this study, I implemented: - GPU-driven instanced brick walls with procedural noise jitter and elastic build animations - Tree, bush, and flower rendering with billboard card expansion, wind sway, and grow animations - Procedural grass with terrain conformance and interactive push deformation - Animated water with layered noise, interactive ripples, and Fresnel-based reflections - Procedural terrain with slope-aware triplanar materials, dirt paths, and rocks - A 7-pass post-processing stack with TAA, bloom, depth of field, painterly filtering, ACES tonemapping, 3D LUT color grading, and film grain The hardest part wasn’t writing any single shader. It was making all of these systems work together at high frame rates inside WebGL, where every millisecond counts and performance problems compound quickly across animation, materials, post-processing, and scene management. Some techniques in this study were inspired by analyzing Tiny Glade’s rendering approach, while others were original implementations built from scratch from visual reference. That contrast taught me a lot: recreating an effect is one challenge, but designing your own shaders and systems to achieve a similar feel is a very different one. This is a private educational rendering study. Some temporary placeholder content is being used during the research phase, and any public or production version would use original or properly licensed assets. Huge credit to Pounce Light for the incredible art direction and rendering work in Tiny Glade: Three.js #gamedev #webgl #threejs #rendering #graphics #realtimerendering #shaderdev

Ibrahim Boona

58,625 views • 5 months ago