Andrea Gargaro

Uncreative developer

[Andrea Gargaro @agargaro_dev]

@okean0807 There is one draw call for each lod. How many instances you need? I posted a small demo with one milion instances

[Andrea Gargaro @agargaro_dev]

To run my demos smoothly, I needed the best LOD thresholds with meshoptimizer.

So I built a tool that also writes InstancedMesh2 code.

5,000 animated characters: 76M → ~500K triangles.

More to come, ideas and criticism welcome!

Link below 👇

#threejs #webgl #webgpu #gamedev

[Andrea Gargaro @agargaro_dev]

@okean0807 Screen space is a bit slower but I don’t know if it’s noticiable. With the tool you can switch from screen space to distance mode anyway.
But if you use distance, the object scale is not considered. I can prepare a benchmark

[Andrea Gargaro @agargaro_dev]

@okean0807 My InstancedMesh2 library supports both modes. I prefer using the screen space one. It’s open source if you need it :)

[Andrea Gargaro @agargaro_dev]

@JE4NVRG With dead tree models, because of the many branches I had to edit parameters manually as the popping was too noticeable. For trees with leaves, I think I prefer octahedral impostors instead. I’ve to release a library for that as well, given that I already had one almost done.

[Andrea Gargaro @agargaro_dev]

@0xdoppo Well, with the editor, you can see the transitions between one LOD and another based on screen space, and you can fine-tune the thresholds beyond the automatic ones

[Andrea Gargaro @agargaro_dev]

@VolpatoDavide The values are auto generated when you load a model, but you can edit all of them afterward, so you decide the trade-off between performance and quality. In this case I'm quite happy with the result even in automatic mode, but with some models I had to make manual adjustments.

[Andrea Gargaro @agargaro_dev]

@arshadbarves The generated code is for InstancedMesh2, which supports per-instance frustum culling and, of course, LODs. It also supports BAT (I wrote a post about it). I’ll be adding more flags related to BAT soon 😁

[Andrea Gargaro @agargaro_dev]

@Gsimone Thanks 🥹

[Andrea Gargaro @agargaro_dev]

Try it here, also with your own models:
https://t.co/ZEsGmcpjTc

[Marco Ludovico Perego @mlperego]

I’ve finally had a bit of time over the last few days to finish this duck project 🦆

It’s been made using #threejs (webgpu only) and #Claude

I hope you like it!

🫶 https://t.co/rArXiUXVln

[Andrea Gargaro @agargaro_dev]

@quaternius Awesome 😍

[Andrea Gargaro @agargaro_dev]

@SudhanshuS67445 Yes, a bit but only fading instances pay for it. A bone matrix is 3 texels; a vertex blends 4 bones at 2 frames, so 24 reads. A fade also samples the outgoing clip, so 48, skipped once the fade ends. Far LODs read the nearest frame with 1–2 bones: as low as 3 reads (no lerp).

[Andrea Gargaro @agargaro_dev]

Bone Animation Textures are now in InstancedMesh2 🦴

Skeletal clips are baked once into a GPU texture, and every instance plays its own clip, speed and crossfade. No per-frame CPU animation.

10,000 skinned monsters, WebGL, WebGPU.
Link in the next post.

#threejs #WebGPU #WebGL

[Andrea Gargaro @agargaro_dev]

@quaternius They are essential for the demos I’ve written and will be publishing over the coming weeks. I’m gradually using almost all of them 😁 I’m glad you saw this post

[Andrea Gargaro @agargaro_dev]

@quaternius Hi! Thank you so much for your work :) I mentioned you on the example page, but I should have done so in the post as well – I’m sorry

[Andrea Gargaro @agargaro_dev]

@lamboc0rp These days, anyone could do it with the help of the AI and a bit of time. But thank you, my friend 😌

[Andrea Gargaro @agargaro_dev]

@peak__ai Yes, with InstancedMesh2 is possibile, even if this feature is still in beta.

Now getBonesMatrixAt works only on cpu side, even with BAT but it can be optimized for your specific case.

Do you want to try it? It’s open source, ping me if you want.

[Andrea Gargaro @agargaro_dev]

@gsimone Forever bro 🥹😂

[Andrea Gargaro @agargaro_dev]

@Ian_cadle Thanks :)

[Andrea Gargaro @agargaro_dev]

@kar_umit For simplicity, in this demo they all move at similar speeds, with each walk/jog/sprint clip tuned to match. Each instance has its own playback state though (clip, time, speed, loop), so you can change its speed on the fly with no pose pop. I’ll make an example also on that 😁