Loading video...

Video Failed to Load

Go Home

When matsuoka-601 dropped his WebGPU fluid simulation demos, they left everyone in awe—pushing the limits of what's possible in the browser with breathtaking realism and incredible performance. 💦 Now, he's been kind enough to take us behind the scenes, breaking down the magic behind the mesmerizing waves, high-performance physics,...

codrops's profile picture

Codrops

173,746 subscribers

163,135 views • 1 year ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Robert Borghesi's profile picture
Robert Borghesi1 year ago

@matsuoka_601 Gotta take a week to understand this. This is insane.

Hermes ᯅ's profile picture
Hermes ᯅ1 year ago

@matsuoka_601 The motion is so smooth. So cool that you got him to explain how it works. Definitely top 10 most interesting reads of the year so far.

RedDeer.Games's profile picture
RedDeer.Games1 year ago

We can't spill the beans about the release date of Maki: Paw of Fury, but make no mistake, things are happening! 🫘😎 We remind you that the game is coming to #NintendoSwitch and #PC #Steam and you can play the demo on PC, here ⤵️ >>> Have a great day!

Henrique's profile picture
Henrique1 year ago

@matsuoka_601 This area of ​​web development is really insane

I▲N CURTIS's profile picture
I▲N CURTIS1 year ago

@matsuoka_601 Wow so cool 🤩

André Perdigão's profile picture
André Perdigão1 year ago

@matsuoka_601 cc @thekitze

Chris Smith's profile picture
Chris Smith1 year ago

@matsuoka_601 Very impressive! I've been seeing a lot quality demos using shaders, webgpu, etc lately. Keep 'em coming!

Ikcelod's profile picture
Ikcelod1 year ago

@matsuoka_601 This seems like it would take a million years to make

yxes's profile picture
yxes1 year ago

@matsuoka_601 Wow

Wael Esmair's profile picture
Wael Esmair1 year ago

@matsuoka_601 so tight

Related Videos

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu
0:30

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

AresRPG - The Sui MMORPG

14,694 views • 1 month ago

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics
1:55

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

WebGL / WebGPU

14,778 views • 7 months ago

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:
0:25

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

21,581 views • 3 months ago

Marianne Jean-Baptiste gives “a performance for the ages” (The New Yorker) in #HardTruths. Go behind the scenes with legendary director Mike Leigh and the cast to see why Jean-Baptiste’s performance has been hailed as one of the best of the year. Now playing in select theaters!
1:34

Marianne Jean-Baptiste gives “a performance for the ages” (The New Yorker) in #HardTruths. Go behind the scenes with legendary director Mike Leigh and the cast to see why Jean-Baptiste’s performance has been hailed as one of the best of the year. Now playing in select theaters!

Bleecker Street

39,731 views • 1 year ago

From the performance capture to the big screen, get a behind-the-scenes look at the making of Avatar: Fire and Ash, now playing only in theatres. Get tickets now:
1:18

From the performance capture to the big screen, get a behind-the-scenes look at the making of Avatar: Fire and Ash, now playing only in theatres. Get tickets now:

Avatar

62,612 views • 7 months ago

Live link: Built to showcase what's possible with real-time WebGPU rendering using #threejs. Just a 6.3 MB download, yet the lighting looks baked—until you grab the sun and watch everything update in real time. I hope you like it 🤗
0:56

Live link: Built to showcase what's possible with real-time WebGPU rendering using #threejs. Just a 6.3 MB download, yet the lighting looks baked—until you grab the sun and watch everything update in real time. I hope you like it 🤗

Anderson Mancini

127,543 views • 21 days ago

As the curtain comes down on the final performance of #NTSKidnapped, we'd like to say a huge thank you to the wonderful folk on stage and behind the scenes who made it happen, and the incredible audiences who have joined us on the road. ⚔️⚓️❤️
0:39

As the curtain comes down on the final performance of #NTSKidnapped, we'd like to say a huge thank you to the wonderful folk on stage and behind the scenes who made it happen, and the incredible audiences who have joined us on the road. ⚔️⚓️❤️

National Theatre of Scotland

11,191 views • 3 years 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:
0:21

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 • 8 months ago

“The Phantom of the Opera,” the longest-running show in Broadway history, will give its last performance Sunday, bringing its chandelier crashing down for the 13,981st and final time. We went behind the scenes as the cast and crew prepared to say goodbye.
0:48

“The Phantom of the Opera,” the longest-running show in Broadway history, will give its last performance Sunday, bringing its chandelier crashing down for the 13,981st and final time. We went behind the scenes as the cast and crew prepared to say goodbye.

The New York Times

1,185,276 views • 3 years ago

[ ENG SUB ] Weak Hero Class 2 | Real behind-the-scenes big reveal I Netflix - Full 1080p The return of Weak Hero in Eunjang High! Packed with thrilling energy and overflowing with playful chemistry behind the scenes! The real behind-the-scenes of Weak Hero Class 2, now featuring even more familiar faces! ❣️ please please please do take out with full credits #weakheroclass2 #약한영웅 #약한영웅class2 #parkjihoon #박지훈
12:21

[ ENG SUB ] Weak Hero Class 2 | Real behind-the-scenes big reveal I Netflix - Full 1080p The return of Weak Hero in Eunjang High! Packed with thrilling energy and overflowing with playful chemistry behind the scenes! The real behind-the-scenes of Weak Hero Class 2, now featuring even more familiar faces! ❣️ please please please do take out with full credits #weakheroclass2 #약한영웅 #약한영웅class2 #parkjihoon #박지훈

₍ᐢ • ᴗ -ᐢ₎♡༘

80,284 views • 1 year ago

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs
0:31

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs

Renaud

10,095 views • 1 year ago

Director James Cameron and the cast of Avatar: Fire and Ash take us behind the scenes on how they brought the characters to life. Experience the film only in theatres and IMAX tonight. Get tickets now:
2:24

Director James Cameron and the cast of Avatar: Fire and Ash take us behind the scenes on how they brought the characters to life. Experience the film only in theatres and IMAX tonight. Get tickets now:

Avatar

67,502 views • 7 months ago

What motivates a professional footballer? Why is it the best job in the world? We've been behind the scenes with Stockport County and Ben Hinchliffe to talk all things football, performance and Nutrition X.
1:02

What motivates a professional footballer? Why is it the best job in the world? We've been behind the scenes with Stockport County and Ben Hinchliffe to talk all things football, performance and Nutrition X.

Nutrition X - NX

22,295 views • 2 years ago

LangSplatV2: High-dimensional 3D Language Gaussian Splatting with 450+ FPS Contributions: • LangSplatV2 achieves real-time performance with 476.2 FPS for high-dimensional feature splatting and 384.6 FPS for 3D open-vocabulary text querying. • Delivers a 42× speedup and 47× boost in performance compared to LangSplat. • Improves query accuracy while drastically reducing inference time. • Replaces the heavyweight decoder in LangSplat with a sparse coefficient field, removing the main performance bottleneck. • Introduces a CUDA-optimized sparse coefficient splatting method, enabling fast and high-quality rendering of high-dimensional features. • Enables scalable 3D language interaction in complex scenes, opening up real-time applications previously not possible with LangSplat.
1:13

LangSplatV2: High-dimensional 3D Language Gaussian Splatting with 450+ FPS Contributions: • LangSplatV2 achieves real-time performance with 476.2 FPS for high-dimensional feature splatting and 384.6 FPS for 3D open-vocabulary text querying. • Delivers a 42× speedup and 47× boost in performance compared to LangSplat. • Improves query accuracy while drastically reducing inference time. • Replaces the heavyweight decoder in LangSplat with a sparse coefficient field, removing the main performance bottleneck. • Introduces a CUDA-optimized sparse coefficient splatting method, enabling fast and high-quality rendering of high-dimensional features. • Enables scalable 3D language interaction in complex scenes, opening up real-time applications previously not possible with LangSplat.

MrNeRF

14,261 views • 1 year ago

In the previous PREMINT PARTY, musician ISSUE WANG shared with us the story behind his music creation and gave an amazing live performance. Click the video to relive that moment.
4:39

In the previous PREMINT PARTY, musician ISSUE WANG shared with us the story behind his music creation and gave an amazing live performance. Click the video to relive that moment.

TraditioNow

38,882 views • 3 years ago

SITI NURHALIZA surprised newlyweds Fattah Amin & Amira Othman with a breathtaking performance of “Seluruh Cinta” (feat. Cakra Khan) and “Bukan Cinta Biasa” Everyone left in awe as her vocals filled the room with pure elegance. #SetelusTakdirFattahAmira
5:28

SITI NURHALIZA surprised newlyweds Fattah Amin & Amira Othman with a breathtaking performance of “Seluruh Cinta” (feat. Cakra Khan) and “Bukan Cinta Biasa” Everyone left in awe as her vocals filled the room with pure elegance. #SetelusTakdirFattahAmira

고운 흰 천

68,412 views • 9 months ago

Exclusive: Behind the scenes with Afroman crafting new music in the studio Had a chance to go behind the scenes on some of the new music Afroman will be dropping soon. Watched him craft the lyrics, lay down the verses, and edit his way through it in real time. Dude’s a genius. Watch out for his new stuff coming out. It’s going to be 🔥
0:29

Exclusive: Behind the scenes with Afroman crafting new music in the studio Had a chance to go behind the scenes on some of the new music Afroman will be dropping soon. Watched him craft the lyrics, lay down the verses, and edit his way through it in real time. Dude’s a genius. Watch out for his new stuff coming out. It’s going to be 🔥

The Facts Dude 🤙🏽

30,315 views • 3 months ago

Years before AI infrastructure became the most competitive market in tech, we were proving that behind-the-meter computing works at scale. Bitcoin gave us that proof. Real assets. Real operations. Real performance through real market cycles. Now that same model — the same power strategy, the same operational discipline — is expanding to serve AI and high-performance compute demand. The workload evolves. The infrastructure holds. $SLNH
0:33

Years before AI infrastructure became the most competitive market in tech, we were proving that behind-the-meter computing works at scale. Bitcoin gave us that proof. Real assets. Real operations. Real performance through real market cycles. Now that same model — the same power strategy, the same operational discipline — is expanding to serve AI and high-performance compute demand. The workload evolves. The infrastructure holds. $SLNH

Soluna

11,244 views • 1 month ago

First, we let you in on the red room secrets… now, here’s a behind-the-scenes peek at how we bring the magic to life. 🎬✨ No filters, no edits—just real vibes, real moments, and a lot of fun in between🥰😚 [ unfiltered moments, behind the scenes, shoot days, sneak peek ]
0:31

First, we let you in on the red room secrets… now, here’s a behind-the-scenes peek at how we bring the magic to life. 🎬✨ No filters, no edits—just real vibes, real moments, and a lot of fun in between🥰😚 [ unfiltered moments, behind the scenes, shoot days, sneak peek ]

Erobold

16,754 views • 1 year ago

If J-Z is comfortable calling a scholar like Michael Eric Dyson to challenge his opinion… What do you think has been happening behind the scenes with everyone else? Watch this video. From Dame Dash to Suge Knight to J. Prince, Nicki, and several beefs involving Drake and more- The pattern has been there all along. And maybe it’s also time to start asking questions out loud about the influence behind the scenes in the women’s lane too. Some of us just refused to ignore the hidden $ecrecy. 🪓⬇️
3:47

If J-Z is comfortable calling a scholar like Michael Eric Dyson to challenge his opinion… What do you think has been happening behind the scenes with everyone else? Watch this video. From Dame Dash to Suge Knight to J. Prince, Nicki, and several beefs involving Drake and more- The pattern has been there all along. And maybe it’s also time to start asking questions out loud about the influence behind the scenes in the women’s lane too. Some of us just refused to ignore the hidden $ecrecy. 🪓⬇️

industrypolitics

16,273 views • 5 months ago