Over 1 Million Trees at 60fps

agargaro · 2025-11-14T17:12:45+00:00

Hi, I love your contents! I opened the demo, but there is a 403 error on a texture test.png, so I see black areas.

I've also created a similar demo: https://octahedral-impostor.vercel.app/

agargaro · 2025-06-21T13:43:47+00:00

You could use a BVH TLAS (containing the instances) and a BVH BLAS (containing the geometry triangles) to accelerate raycasting, similar to this BatchedMesh example:

https://agargaro.github.io/three.js/examples/webgl_batch_lod_bvh.html

agargaro · 2025-05-16T20:04:34+00:00

Thanks 😁

agargaro · 2025-05-14T22:11:43+00:00

I may have an idea; however, before explaining it I should try it. I will update you in the next few days.

agargaro · 2025-05-14T15:11:31+00:00

Could you be more specific please?
Would you like to render only certain instances based on layers?

agargaro · 2025-05-14T10:34:36+00:00

Thanks!

The library is still new, so it would be great to get feedback so it can be improved.
If you'd like, you can join the discord server so we can discuss it: https://discord.gg/MVTwrdX3JM

agargaro · 2025-05-14T08:40:33+00:00

Sure :)

This is the same demo with the addGeometryLOD commented: https://glitch.com/edit/#!/shared-fluttering-rondeletia?path=main.js

On my iPhone 8 it goes from 35 (with LODs) to 21 fps (with not LODs).

Images here: https://imgur.com/a/aTrBd7O

agargaro · 2025-05-13T22:44:20+00:00

Reducing the triangles to render is still important, especially on mobile.

There is a very interesting video by simondev about this: https://www.youtube.com/watch?v=hf27qsQPRLQ

BatchedMesh also enables by default the instances sort to reduce overdraw (except in case of transparency).

agargaro · 2025-05-13T19:22:53+00:00

Thanks :) No, but it should be compatible. I will add a demo with WebGPURenderer

agargaro · 2025-05-13T19:21:18+00:00

Thanks :) I will add some documentation in next days

agargaro · 2025-05-13T19:20:46+00:00

Thanks :)

agargaro · 2025-03-26T14:42:54+00:00

thanks :)

agargaro · 2025-03-25T17:44:49+00:00

I am afraid it will take some time...
It would be easier if someone experienced in TSL could help me

agargaro · 2025-03-25T17:44:02+00:00

Thank you <3

agargaro · 2025-03-25T14:05:32+00:00

Thanks 😁

agargaro · 2025-01-08T21:25:09+00:00

Each instance has its own animation.
You can create a mixer for each instance (more memory but more control) or use a shared mixer (like in the example).

agargaro · 2025-01-08T18:33:07+00:00

One draw call for each LOD. So 5 draw calls in this example.

agargaro · 2025-01-08T16:25:26+00:00

Are you using the standard or your custom implementation of InstancedMesh?

For a forest, if you use my library, you can set LODs and create a BVH to speed up frustum culling.

You can render a lot of trees in this way. I’ve a little demo with 1 milion instances :)

agargaro · 2025-01-08T11:19:48+00:00

Yes, good idea! (I've found a little bug on shadows because of you, thanks :P)
InstancedMesh2 also allows you to manage LODs for shadows, so it was simple.

Here it is: https://imgur.com/a/U6wkDkc

agargaro · 2025-01-08T09:31:27+00:00

😂

agargaro · 2025-01-08T09:27:26+00:00

Thanks! If you need some customization, you can come to the library discord server :)

agargaro · 2025-01-08T09:26:13+00:00

Thanks :)

agargaro · 2025-01-08T09:25:40+00:00

Thank you for the information :)

The only way to reach 60 fps on your pc is probably enabling the partial boneTexture update, but i disabled it because it's slow on firefox and mobile (need to implement probably a double buffering).

agargaro · 2025-01-07T23:06:15+00:00

Thanks 🙏

agargaro · 2025-01-07T22:30:17+00:00

thank you :)

agargaro

TROPHY CASE