Loading video...

Video Failed to Load

Go Home

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

onirenaud's profile picture

Renaud

12,307 subscribers

10,095 views • 1 year ago •via X (Twitter)

#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 7 months ago

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :
0:36

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Kevin Levron

19,378 views • 1 year ago

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

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

Carolina Aiazzi

20,683 views • 1 year ago

The progress in robotic hands is moving fast. Here, ALLEX's hands are precise and safe for real-world work. Performs micro-pick and fastening with high accuracy, uses high-DOF hands for fine manipulation, and maintains safe human-robot interaction.
0:59

The progress in robotic hands is moving fast. Here, ALLEX's hands are precise and safe for real-world work. Performs micro-pick and fastening with high accuracy, uses high-DOF hands for fine manipulation, and maintains safe human-robot interaction.

Rohan Paul

353,245 views • 7 months ago

Ok, I've decided to implement Particle Life simulation on GPU, using WebGPU, in browser. For now I've spawned 1'000'000 particles and implemented basic rendering & camera movement. I recon computing interaction forces will be the most painful part to implement...
0:20

Ok, I've decided to implement Particle Life simulation on GPU, using WebGPU, in browser. For now I've spawned 1'000'000 particles and implemented basic rendering & camera movement. I recon computing interaction forces will be the most painful part to implement...

Nikita Lisitsa

16,249 views • 1 year ago

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!
0:26

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

Renaud

131,017 views • 8 months ago

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders
0:46

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,538 views • 7 months ago

For my 3d simulation I needed to implement new rendering. To replace "sphere par particle" with marching cubes. I never implemented that kind of stuff, so I decided to first try a simplified 2d version, the marching squares. It worked, very fast rendering now.
0:23

For my 3d simulation I needed to implement new rendering. To replace "sphere par particle" with marching cubes. I never implemented that kind of stuff, so I decided to first try a simplified 2d version, the marching squares. It worked, very fast rendering now.

Zolden

90,699 views • 1 year ago

.Thomas Geijtenbeek shared a new simulation demonstrating real-time interaction with a biomechanically accurate model created using #SCONE and #Hyfydy. Learn more: #simulation #machinelearning
0:28

.Thomas Geijtenbeek shared a new simulation demonstrating real-time interaction with a biomechanically accurate model created using #SCONE and #Hyfydy. Learn more: #simulation #machinelearning

80 LEVEL

11,658 views • 1 year ago

Payments in Dynamic Island Interaction experiment with cards + metal shaders ✨
0:21

Payments in Dynamic Island Interaction experiment with cards + metal shaders ✨

Harin Nitisvaar

285,315 views • 4 months ago

Tried to create Half Life type bottle shaders in Unity. The fluid has no geometry. All in shaders using raymarching. #unity #madewithunity #shaders #fluid #halflife
0:45

Tried to create Half Life type bottle shaders in Unity. The fluid has no geometry. All in shaders using raymarching. #unity #madewithunity #shaders #fluid #halflife

Shahzod Boyhonov 🔶️

33,912 views • 2 years ago

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 views • 1 year ago

Ticket purchase interaction for a Cinema mobile app design & interaction exploration. Built with Claude code
0:43

Ticket purchase interaction for a Cinema mobile app design & interaction exploration. Built with Claude code

Favour Dumnoi

194,657 views • 1 month ago

Vidu S1, the World’s Most Advanced Model for Real-Time AI Interaction Vidu S1 introduces a new era of real-time interactive video. Voice-Driven Character Control: Go beyond voice-driven lip sync with real-time behavior generation. Characters understand, react, and respond naturally. Unlimited Real-Time Generation: Experience seamless real-time video generation with unlimited interaction duration. 540P at 25 FPS, built for live interaction: Generate video in real time at 540P / 25 FPS, with support for up to 42 FPS for even smoother experiences. Create Custom Characters from Images & Voices: Customize both appearance and voice. Bring humans, anime characters, pets, and more to life with personalized AI characters. Use code VIDUS1 to get started for free.
0:54

Vidu S1, the World’s Most Advanced Model for Real-Time AI Interaction Vidu S1 introduces a new era of real-time interactive video. Voice-Driven Character Control: Go beyond voice-driven lip sync with real-time behavior generation. Characters understand, react, and respond naturally. Unlimited Real-Time Generation: Experience seamless real-time video generation with unlimited interaction duration. 540P at 25 FPS, built for live interaction: Generate video in real time at 540P / 25 FPS, with support for up to 42 FPS for even smoother experiences. Create Custom Characters from Images & Voices: Customize both appearance and voice. Bring humans, anime characters, pets, and more to life with personalized AI characters. Use code VIDUS1 to get started for free.

Vidu AI

1,522,244 views • 5 days ago

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...
0:48

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...

Palash Bansal

14,436 views • 6 months ago

INTERACTION OF BALDI AND A01 IN DOIBLE TROUBLE IN TESTING
0:22

INTERACTION OF BALDI AND A01 IN DOIBLE TROUBLE IN TESTING

aielg 🦐

62,776 views • 9 months ago