Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,347 subscribers

130,968 görüntüleme • 7 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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

16,213 görüntüleme • 8 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 6 ay önce

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

132,262 görüntüleme • 27 gün önce

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 🎬 🇱🇷

272,293 görüntüleme • 20 gün önce

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 | 유미✩

37,821 görüntüleme • 2 ay önce

🎨 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,296 görüntüleme • 2 ay önce

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,588 görüntüleme • 2 ay önce

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,217 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f
1:02

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,472 görüntüleme • 1 yıl önce

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

24,242 görüntüleme • 10 ay önce

More and more users are turning their 360 footage into fully explorable 3D Gaussian Splats with View it here: This reconstruction started from a simple capture and is now a fully explorable 3D Gaussian Splat rendered in the FreeGaussian viewer, complete with point cloud reconstruction and high-fidelity spatial detail. More and more creators are discovering that their existing footage can become immersive 3D scenes. And they’re doing it for free with FreeGaussian
0:58

More and more users are turning their 360 footage into fully explorable 3D Gaussian Splats with View it here: This reconstruction started from a simple capture and is now a fully explorable 3D Gaussian Splat rendered in the FreeGaussian viewer, complete with point cloud reconstruction and high-fidelity spatial detail. More and more creators are discovering that their existing footage can become immersive 3D scenes. And they’re doing it for free with FreeGaussian

Over the Reality 🌐

14,521 görüntüleme • 1 ay önce

The 4-minute Parting of the Red Sea in The Prince of Egypt (1998) took 10 animators nearly 2 years to complete. It blended hand-drawn 2D animation with early 3D effects — groundbreaking for its time. And the great Val Kilmer voiced Moses.
0:45

The 4-minute Parting of the Red Sea in The Prince of Egypt (1998) took 10 animators nearly 2 years to complete. It blended hand-drawn 2D animation with early 3D effects — groundbreaking for its time. And the great Val Kilmer voiced Moses.

Movies Scenes 🎫

14,113 görüntüleme • 5 ay önce

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.
0:30

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.

Palash Bansal

55,024 görüntüleme • 1 yıl önce