Andrea Gargaro
@agargaro_dev
Followers
523
Following
1K
Media
15
Statuses
134
Uncreative developer
Santeramo in Colle, Puglia
Joined November 2023
With WebGPU, AAA graphics on the web isn’t a dream anymore. Devs just need native-grade tools. That’s why I’m building Three.js Plus. Today I added GPU culling. Here 5M PBR cubes distributed in <10ms on a convex geo, running at 120fps thanks to object culling & indirect draws.
Today’s work reminded me: tossing more OSS into the void isn’t it. Too often it fades without support. So instead, I’m putting care into how I share, bundling the code I use daily at @utsuboco into Threejs Plus: advanced, always-up-to-date WebGPU-first components. 1/4
23
62
598
I did something → https://t.co/0Wv3MPcrxS Sound on & bring friends with you. Open to new opportunities. WebGPU @threejs
44
63
475
New #threejsJourney challenge means new addictive mini #webgame! 🎣 Hook a Fish! is live: catch as many fish as you can and beat your high score. Try it out on desktop or mobile and don’t forget to share! 📸👉 https://t.co/KmAiu1W2f0
#threejs #webgl #indiegames #r3f
10
10
115
Excited to announce that I've shipped my first game! Written from the ground up in @threejs in 3 months and published on @VIVERSEofficial Some tech stuff that I'm really proud of: - fully custom spherical harmonics prt lighting. Giving a baked diffuse look while still
12
31
217
Playing with my octahedral impostors library 🤓 There are still things to improve, should I continue? I created a demo with a terrain 3072 x 3072 and 200k trees. It should work on mobile too! Demo: https://t.co/LiUwXEi64c Github ⭐️: https://t.co/WtHXk7NIxN
#threejs #webgl
9
15
150
Octahedral imposters mentioned yesterday @agargaro_dev. In the shader, I compute the quad the sprite is in, barycentric coordinates, then intepolate between frames. First pass, not super robust. They're alpha-tested and the blending could use work. #threejs #gamedev
3
5
96
9
5
164
Disfigure doesn't modify skeletons & skins, instead it deforms the whole space. Imagine a space where each point is a matrix. Disfigure figures out these matrices and space gets entangled beyond comprehension. Live: https://t.co/NdPDQcJ8Db
#ThreeJS #TSL #disfigure #FMI #SU #js
14
33
343
Reimplemented Hi-Z via TEXTURE_BASE_LEVEL to avoid ping-ponging during the downsample. This is all hacked into three.js. Not perfect but finally conservative. Next is to implement two-pass occlusion culling and then hierarchical clustering with recent Meshoptimizer improvements.
Working on GPU frustum and occlusion culling again, this time with meshlets and multidraw. Using WebGL, which lacks indirect drawing, so streaming results to the CPU from transform feedback, which lets me display misc stats. Calculating meshlet bounds myself, so no cone culling.
5
10
72
Just added LODs to batched-mesh-extensions! This scene goes from 14 to 1 million triangles in a single draw call — LODs are generated on the fly with meshoptimizer 😁 Demo: https://t.co/2zHA25B6Pa Github: https://t.co/bKANI6p9nG
#threejs #webgl #webgpu
15
37
374
I'm working on a new library that adds extension methods for BatchedMesh. One of them builds a BVH to accelerate frustum culling and raycasting. More methods coming soon! Repo: https://t.co/bKANI6p9nG Demo: https://t.co/NXgRqwkwUn
#threejs #webgl #webgpu
6
12
104
I recently realize the InstanceMesh2 made by @agargaro_dev, and let me tell you is very good https://t.co/bLaPgG0YzR of course, I made this example with @tresjs_dev
1
3
14
#water #blob in #threejs with #fresnel #reflection, #envmap #refraction, smooth #specular #light and of course a tiny #hemiLight
3
11
206
Building a blazing fast ⚡ Wave Function Collapse solver for three.js Sharing some technical notes on how I’m squeezing performance out of every frame. (WIP 🚧 - but already interactive and ultra-fast!) #threejs #gamedev #WFC #creativecoding 🧵1/6
1
9
66
Work in progress on a new library for octahedral impostors based on Ryan Brucks' article. Texture atlas generated at run time, 4096x4096 with 20x20 sprites. Model by @quaternius Demo: https://t.co/LiUwXEi64c Github: https://t.co/WtHXk7NIxN
#threejs #webgl
3
4
52
I don't know if you remember, but I showed, some times ago, a R3F project where I recreated the amazing DNA UI from @AssassinsFR 2 using #Threejs Well today, I release it ! But there's some twists to it 😈 Please read below before trying it !
3
7
194