# Blog

> Articles by Anderson Mancini on Three.js, React Three Fiber, WebGPU and building immersive 3D websites that people and search engines can find.

Canonical page: https://andersonmancini.dev/blog

- [Threejs-Punk: a free WebGPU racing game that runs in the browser](https://andersonmancini.dev/blog/threejs-punk-racing-game.md) — How a rain-soaked cyberpunk racing game runs in a browser tab: GPU rain that lands on rooftops, a 3.8 km city and a few lessons about WebGPU on phones. (2026-10-13, 5 min read)
- [Odd & Out: a co-op alien game built in six days](https://andersonmancini.dev/blog/odd-and-out.md) — A free co-op alien adventure for the browser: worlds generated from a seed, online play through an invite link, and what it took to keep phones cool. (2026-10-12, 4 min read)
- [Octahedral impostors in TSL: 10,957 trees in 3 draw calls](https://andersonmancini.dev/blog/octahedral-impostors.md) — How to turn a mesh into an atlas of views and draw thousands of it as flat cards in WebGPU and TSL, with the demo and the source open under the MIT license. (2026-10-11, 3 min read)
- [Slice Tilt: a pinball pizza with four tables and no teleport](https://andersonmancini.dev/blog/slice-tilt.md) — A free browser pinball where the table is a round pizza cut into four themed slices: why the hub is the rotation axis, and how a bot tuned each table. (2026-10-10, 5 min read)
- [Graveyard Pinball: simulated in 2D, rendered in 3D](https://andersonmancini.dev/blog/graveyard-pinball.md) — A free Halloween pinball for the browser: a 2D physics world drawn in 3D, a ball that never tunnels, and a bot that plays hundreds of balls to tune the table. (2026-10-09, 4 min read)
- [Making a WebGL portfolio readable by search engines and AI agents](https://andersonmancini.dev/blog/webgl-portfolio-seo.md) — My portfolio is a Three.js scene, so crawlers saw an empty page. Here is how every project and article became readable by search engines, AI crawlers and agents. (2026-10-08, 4 min read)
- [Ultimate Lens Flare: an effect that knows what blocks the sun](https://andersonmancini.dev/blog/ultimate-lens-flare.md) — How a lens flare for React Three Fiber knows when the sun is covered by a wall or by glass: one shader pass, a raycast and a little smoothing. (2026-10-07, 3 min read)
- [AutoFocus: depth of field that focuses on what you look at](https://andersonmancini.dev/blog/autofocus-dof.md) — A small React Three Fiber component that raycasts into the scene to focus the camera on what is in front of it, and how it became part of the official library. (2026-10-06, 2 min read)
- [Lantern Valley: a cozy WebGPU game, and the cuts that finished it](https://andersonmancini.dev/blog/lantern-valley.md) — A free cozy adventure for the browser, built in about 17 days: how ten islands became five, how a virtual player tests the story, and the small details of game feel. (2026-10-05, 4 min read)
- [Speaking at the first Three.js Conference, in Paris](https://andersonmancini.dev/blog/three-js-conf-paris-2026.md) — A two-day TSL workshop and a talk at the first Three.js Conf in Paris, September 2026: what I taught, what I presented and where to watch the video. (2026-09-12, 3 min read)