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.

Playing with WebGPU foam on the web. Morph particles to form the bubbles and add tiny little particles to create the foam, then mix them together in realtime. Btw, I finally got RTX 5090, what a beast!

jeantimex

1,330 subscribers

25,278 views • 15 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

15 Comments

loground15 days ago

this is incredibly clean wow

Barak15 days ago

@SamGCoder Vibeeee

Michael15 days ago

Please touch it

Raghav Katta15 days ago

with two particle scales in the foam, how are you managing the cost as they fill the screen? a fixed camera test at several coverage levels could separate particle-count limits from overdraw, especially before trying it on a smaller GPU.

Julian Hoffmann Anton15 days ago

So cool!!🫧

thewhitemage.15 days ago

woah wait what?! This looks so good!

Aishwary Gupta15 days ago

looks realistic 🫧

Robin Benito Gaston14 days ago

Wtf… it’s Perfect

Lane15 days ago

Foam looks so satisfying! How's the perf holding up with all those particles?

Jordan Rodrigues14 days ago

Incredible! Are you using SDFs and Ray Marching?

Justin Maynard15 days ago

Very Cool. Can you animate it realtime?

Stagger Digital Motorsports14 days ago

Well done!

INGENIUMOWL15 days ago

Nice. Foam particles look sharp.

Gianluca Lomarco15 days ago

Fa schiuma ma non è sapone...

Brian Gruber14 days ago

Very nice. Now can we scale it across an entire ocean

Related Videos

Hippo fluid scene pushed to 100M particles made with HydroFX. Foam, bubbles, and spray all simmed together in one system for a cohesive result, fully GPU accelerated. Meshed + extra sand interaction in Houdini, final lookdev/render in Blender. Get HydroFX

Hippo fluid scene pushed to 100M particles made with HydroFX. Foam, bubbles, and spray all simmed together in one system for a cohesive result, fully GPU accelerated. Meshed + extra sand interaction in Houdini, final lookdev/render in Blender. Get HydroFX

Jeremy White

1,458,757 views • 6 months ago

😊I made a foam effect that turns any selected model into foam with one click, adding tiny bubbles, surface displacement, and a wet sheen. Soft intersections help it blend naturally against a character’s body. Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime #Unity #TechArt #VFX #shader #madewithunity

😊I made a foam effect that turns any selected model into foam with one click, adding tiny bubbles, surface displacement, and a wet sheen. Soft intersections help it blend naturally against a character’s body. Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime #Unity #TechArt #VFX #shader #madewithunity

Sakura Rabbit 樱花兔

43,368 views • 3 days ago

Tried using #Niagara to add a little more speed to the hit animations. Spawning particles based on bone velocity and bumping up the motion vectors. #UE5

Tried using #Niagara to add a little more speed to the hit animations. Spawning particles based on bone velocity and bumping up the motion vectors. #UE5

Amit Mehar

104,439 views • 2 years ago

$What makes Red Dead Redemptions 2 rivers the best rivers in videogames? I don't think they use fluid simulation. Plenty of particles, foam, mesh undulations, refractions and depth... every river, stream and creek in RDR2 is naturalistic and gorgeous.$

What makes Red Dead Redemptions 2 rivers the best rivers in videogames? I don't think they use fluid simulation. Plenty of particles, foam, mesh undulations, refractions and depth... every river, stream and creek in RDR2 is naturalistic and gorgeous.

Protopop Games

73,337 views • 1 year ago

gemini 2.0 on a p5.js challenge prompt: Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.

gemini 2.0 on a p5.js challenge prompt: Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.

AK

28,556 views • 1 year ago

Finally got some time to work on Three.js Water Pro again. Testing out the new foam trails system tonight. Each buoyant object has its own foam generator so you can customize the foam trail for each object (size, decay, opacity, etc.). Foam system now includes wave crests, surface, shoreline, and trails! Last feature remaining for the V2 release is sea spray. This one has proven to be a bit tricky so I'm still testing out different solutions.

Finally got some time to work on Three.js Water Pro again. Testing out the new foam trails system tonight. Each buoyant object has its own foam generator so you can customize the foam trail for each object (size, decay, opacity, etc.). Foam system now includes wave crests, surface, shoreline, and trails! Last feature remaining for the V2 release is sea spray. This one has proven to be a bit tricky so I'm still testing out different solutions.

Dan Greenheck

30,939 views • 7 months ago

Quantum Entanglement is difficult to picture because the correlations belong to the quantum state as a whole, and not to little signals travelling between particles. Here, I represent a many-body quantum state as a changing graph and hypergraph. Pairwise correlations form the luminous links

Quantum Entanglement is difficult to picture because the correlations belong to the quantum state as a whole, and not to little signals travelling between particles. Here, I represent a many-body quantum state as a changing graph and hypergraph. Pairwise correlations form the luminous links

Mathelirium

37,934 views • 1 month ago

Made some excellent progress on my Sea of Thieves water shader! 🌊 - Clip maps for infinite water - Fixed subsurface scattering - Switched from single FFT to cascading FFTs to reduce tiling patterns at large distances - Specular highlights for that sparkle ✨ - Persistent foam (not shown since it looks terrible) My next goal is to really nail the foam and possibly even add in some sea spray. Then comes the boats! 🏴‍☠️ #webgpu #shaders #webgl #threejs #seaofthieves

Made some excellent progress on my Sea of Thieves water shader! 🌊 - Clip maps for infinite water - Fixed subsurface scattering - Switched from single FFT to cascading FFTs to reduce tiling patterns at large distances - Specular highlights for that sparkle ✨ - Persistent foam (not shown since it looks terrible) My next goal is to really nail the foam and possibly even add in some sea spray. Then comes the boats! 🏴‍☠️ #webgpu #shaders #webgl #threejs #seaofthieves

Dan Greenheck

17,046 views • 10 months ago

This costume has taken me nearly all summer to create! It’s a full foam body shell. I sculpted on a mini frame, then blew up the pattern. I wanted to make sure I did this right, and I’m happy with the result! FYI, the head I DID NOT MAKE, that’s by @/WillowCreativ

This costume has taken me nearly all summer to create! It’s a full foam body shell. I sculpted on a mini frame, then blew up the pattern. I wanted to make sure I did this right, and I’m happy with the result! FYI, the head I DID NOT MAKE, that’s by @/WillowCreativ

Kally.Co Fursuits @ BLFC

55,481 views • 1 year ago

After many months of work, I’m happy to (finally) announce the release of EasyWaterscape for #unrealengine! With realtime ocean/water simulation, dynamic foam & shorelines, underwater transitions, buoyancy, and one-click presets, it is what I think is the easiest water tool to use and get fantastic results with. You can get it right now on Fab Full tutorial here: #gamedev #ue5

After many months of work, I’m happy to (finally) announce the release of EasyWaterscape for #unrealengine! With realtime ocean/water simulation, dynamic foam & shorelines, underwater transitions, buoyancy, and one-click presets, it is what I think is the easiest water tool to use and get fantastic results with. You can get it right now on Fab Full tutorial here: #gamedev #ue5

William Faucher

184,319 views • 3 months ago

Ah, all the artifacts were fixed by replacing one '<' with '<=', duh. It all works now, particle life completely on WebGPU! There are 2^18 (~260k) particles here; my PC struggles after about half a million particles. Will probably try to optimize it a bit later.

Ah, all the artifacts were fixed by replacing one '<' with '<=', duh. It all works now, particle life completely on WebGPU! There are 2^18 (~260k) particles here; my PC struggles after about half a million particles. Will probably try to optimize it a bit later.

Nikita Lisitsa

131,512 views • 1 year ago

the warframe team are adding ~20 new tiles to explore in techrot encore. one of them got spiced up this week with some foam blocks, which then needed a perf pass, so uhh we'll see what you get up to when it launches. lol.

the warframe team are adding ~20 new tiles to explore in techrot encore. one of them got spiced up this week with some foam blocks, which then needed a perf pass, so uhh we'll see what you get up to when it launches. lol.

rebb ford

201,516 views • 1 year ago

We are busy optimizing #VRAGE3 water to support large scale changes. For example see the Dam being deleted and water from flooded valley starts flowing with the slope. This is of course without support of VFX like proper waves, particles and foam. Those will be added later.

We are busy optimizing #VRAGE3 water to support large scale changes. For example see the Dam being deleted and water from flooded valley starts flowing with the slope. This is of course without support of VFX like proper waves, particles and foam. Those will be added later.

Jan Hloušek

26,458 views • 2 years ago

I spent a long time on the weekend trying to figure this out and I think I've finally landed on an algorithm for skybox removal that supports transparency, particles, etc.

I spent a long time on the weekend trying to figure this out and I think I've finally landed on an algorithm for skybox removal that supports transparency, particles, etc.

EgoMoose

28,261 views • 1 year ago