Loading video...

Video Failed to Load

Go Home

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!!

onirenaud's profile picture

Renaud

12,378 subscribers

131,017 views • 8 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3
0:52

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3

robot

17,096 views • 9 months 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 &amp; rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for &lt;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 &amp; rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for &lt;2ms. #threejs

Renaud

10,095 views • 1 year ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 views • 1 year ago

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

3D particle simulation has some charm in it. Though, I paused it and pushing forward the 2D one.
0:21

3D particle simulation has some charm in it. Though, I paused it and pushing forward the 2D one.

Zolden

65,367 views • 7 months ago

I'm working on a new major VRC Light Volumes update! - Baked realtime shadows (very performant) - Animated cookies and cubemaps - Optimized area lights - No more legacy code - Almost full back compatibility with older light volumes shaders (excluding new shadows)
2:33

I'm working on a new major VRC Light Volumes update! - Baked realtime shadows (very performant) - Animated cookies and cubemaps - Optimized area lights - No more legacy code - Almost full back compatibility with older light volumes shaders (excluding new shadows)

RED_SIM

134,882 views • 1 month ago

It took his 500 years to come for a rematch with his master.
2:35

It took his 500 years to come for a rematch with his master.

Pretty Bella 🎬 🇱🇷

273,027 views • 1 month ago

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday
0:20

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday

Shaders Bible Series

23,839 views • 22 days ago

Loya, an open-world survival crafting game inspired by Howl's Moving Castle, has received a visual upgrade with optimized volumetric clouds powered by compute shaders. Learn more: Joyen
0:45

Loya, an open-world survival crafting game inspired by Howl's Moving Castle, has received a visual upgrade with optimized volumetric clouds powered by compute shaders. Learn more: Joyen

80 LEVEL

66,641 views • 18 days ago

Sneak peek at our latest test for the upcoming PixiJS 3D engine 👀 WebGPU first with WebGL fallback Optimized for performance from day one Really excited to get this into your hands... More to come soon! Models by Quaternius and Kenney 🙏
0:30

Sneak peek at our latest test for the upcoming PixiJS 3D engine 👀 WebGPU first with WebGL fallback Optimized for performance from day one Really excited to get this into your hands... More to come soon! Models by Quaternius and Kenney 🙏

PixiJS

11,765 views • 17 days ago

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer
1:09

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

10,469 views • 3 months ago

Oh my god guys. I did it! I beat the entire Masters Collection with the title of a Master Ninja. I did every difficulty for each game as well (exception of UN for RE) and it took me a total of 1 month and a half to complete this entire journey.
1:01

Oh my god guys. I did it! I beat the entire Masters Collection with the title of a Master Ninja. I did every difficulty for each game as well (exception of UN for RE) and it took me a total of 1 month and a half to complete this entire journey.

YUMI | 유미✩

42,911 views • 2 months ago

Combining 2D and 3D in After Effects. In Foldspace, not every surface needs to be bent. Keep one flat for 2D artwork, and let the others exist in 3D space. This allows you to combine 2D and 3D objects in a single animation with no masks or tricks needed.
0:34

Combining 2D and 3D in After Effects. In Foldspace, not every surface needs to be bent. Keep one flat for 2D artwork, and let the others exist in 3D space. This allows you to combine 2D and 3D objects in a single animation with no masks or tricks needed.

Motion Princess

21,666 views • 3 months ago

Interactive 3D particle simulation with evolving swarm formations, procedural animations, morphing transitions, and dynamic abstract structures.
0:26

Interactive 3D particle simulation with evolving swarm formations, procedural animations, morphing transitions, and dynamic abstract structures.

Techartist

11,063 views • 1 month ago

Sonic x Shadow Generations returns fully optimized and enhanced for the Nintendo Switch 2 with two full campaigns in one collection!
1:03

Sonic x Shadow Generations returns fully optimized and enhanced for the Nintendo Switch 2 with two full campaigns in one collection!

IGN

195,219 views • 1 year ago

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :
0:28

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :

Kevin Levron

24,329 views • 1 year ago

Directional light testing for particle self-shadowing using a volumetric mesh #threejs #tsl #threejsjourney
0:23

Directional light testing for particle self-shadowing using a volumetric mesh #threejs #tsl #threejsjourney

MisterPrada

13,360 views • 7 months ago

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,461 views • 11 months ago