I’m trying to make a scene, with rain drops and a 3D model of a roof. For now, i’m trying to detect the collision of the rain drops to the roof, then make a splash effect when there’s a collision. I read that you can use a bound box, but my bound box for the 3D model looks like this [image] Here …

Technically, if you don’t spawn too many drops per second, it shouldn’t be crazy expensive to just do a raycast from rain drop spawn point towards its falling direction - and just measure the distance to the collision (then despawn the raindrop as soon as it crosses that distance.) But if you’re cr…

Does make the plane to limit the area where the rain can spawn and fall down make a square where there’s no rain at all? I want to make a 3D scene where a can move the camera around. Or do you mean like this, i’m trying to make a plane that when the drop get in contact with the plane, the drop will…

[image] mjurczyk: a RenderTarget texture Had the same thought. Seems, it’s working :handshake: (50k raindrops) [изображение]

Can you guys share the code or related document or just anything in general to be able to implement this? I have no idea at all how to do it.

How to setup a WebGLRenderTarget with DepthTexture: three.js examples How to render to the render target with OrthographicCamera, this is what I could recall quickly: Running in the field of instances Also, used layers for cameras and objects. For example, when you render with the orthographic cam…

Three.js is like an illusionist’s hat. You can pull out real magic. If your browser supports WebGPU, here is something to tease you: https://threejs.org/examples/#webgpu_compute_particles_rain

I’m trying to follow your first way, implementing this function to update the rain and detect collision. My logic is that if the y coordinate of the rain drop is close to the y coordinate of the collision point, it\s should be the collision, then it will print out “met”. However, even though the par…

You shouldn’t do the raycasting on every frame - it’s expensive and the result will always be the same (for collisions with static world.) Only when you spawn a raindrop do the raycast, one time per drop for the entire lifetime of the raindrop - read the length of the vector rainDropStart.sub(inter…

Demo, if somebody’s interested :slight_smile: :

Genius! This makes me think, water, earth, wind, fire are all in the same category for a reason… Surfaced based fire could essentially be the inverted time scale here with some noise growth :thinking: following suit with both wind and earth / ‘dust’

[image] Lawrence3DPK: dust I tried to emulate it once :slight_smile:: Noisy Mountains It wasn’t the approach with DepthTexture though.

Making rain drop collision

Questions

prisoner849 June 4, 2024, 7:19pm 14

I tried to emulate it once : Noisy Mountains
It wasn’t the approach with DepthTexture though.

1 Like

Topic		Replies	Views
Detect collision of instanced mesh and planes Questions raycaster , collision-detection	2	580	June 2, 2024
Why can't my intersect boxes for my GLTF/FBX models detect collision? Questions intersection , box3	9	406	May 12, 2024
Model detect problem Questions geometry	11	148	January 5, 2025
Collide test not 100% accurate Questions collision-detection	31	4730	January 1, 2019
Collision detection in three.js Questions physics , collision-detection	5	20223	June 27, 2022

Making rain drop collision

Related topics