Andrea Gargaro (@agargaro_dev) header
Andrea Gargaro (@agargaro_dev) profile picture

Uncreative developer

Santeramo in Colle, Puglia
Joined November 2023
Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)Photo by Andrea Gargaro (@agargaro_dev)
Andrea Gargaro retweeted
this is kinda nice, if a bit overkill. Maybe the flu speaking, but I love html-in-canvas because it enables weird stuff like this
10
2
1
96
2,547
Andrea Gargaro retweeted
Working on new examples and showcases for the InstancedMesh2 docs. First up: a friendly robot army showing off instanced skinning + per-instance culling! Built with @threejs. Robots by @KayLousberg. #threejs #webgl #gamedev
4
2
3
195
Thanks to @mrdoob, three-gpu-pathtracer now includes a drag-and-drop viewer for binary glTF files 🚀 I've added a link to the viewer in the repo! #threejs #webgl #raytracing
1
7
87
9,040
Andrea Gargaro retweeted
Applying dietsprite to a generated octahedral impostor to reduce overdraw, will have to test with a bunch of instances to see how much impact this has #threejs
9
37
1
724
39,656
Andrea Gargaro retweeted
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
20
58
3
587
44,332
Andrea Gargaro retweeted
I did something → samsy.ninja Sound on & bring friends with you. Open to new opportunities. WebGPU @threejs
50
64
15
524
46,694
Andrea Gargaro retweeted
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! 📸👉 hook-a-fish.vercel.app #threejs #webgl #indiegames #r3f
14
10
113
9,338
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 allowing for dynamic objects - Runs completely inside a WebWorker (rendering & simulation) using OffscreenCanvas - Supports all input types: desktop, mobile, gamepad (non-trivial if your app runs in a worker!) - No Postprocessing! No bloom - everything you see is faked via mesh based shaders for performance reasons Huge thanks to @VIVERSEofficial who have made this possible by letting me into their Creator Program. It's not easy to make a living off gamedev on the web yet, so this is great for the ecosystem. All links below: #VIVERSE #threejs #IndieGameDev
13
31
3
216
14,708
Andrea Gargaro retweeted
This tree is only 2 triangles
138
310
41
9,030
675,384
Andrea Gargaro retweeted
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
94
5,705
Andrea Gargaro retweeted
Screwing around with filling out the background with imposters #threejs #webgl #gamedev
9
5
157
8,458
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: boytchev.github.io/disfigure… #ThreeJS #TSL #disfigure #FMI #SU #js
14
33
2
337
21,668
Andrea Gargaro retweeted
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
9
1
70
10,592
I recently realize the InstanceMesh2 made by @agargaro_dev, and let me tell you is very good github.com/agargaro/instance… of course, I made this example with @tresjs_dev
1
3
14
758
3
10
1
200
7,660
Andrea Gargaro retweeted
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
8
68
6,675
This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl
17
61
3
1,001
94,646
Have we already talked about the @threejs cameo in Donkey Kong?
2
4
1
44
4,364
Andrea Gargaro retweeted
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
1
185
12,801
I added fog. Would you play an MMO in this world? It's crazy, but I've worked on this for 2+ years now.
7
5
2
45
3,832