llms.txt
Compare with other sites' llms.txt files →# Anderson Mancini
> Creative developer from Brazil specializing in React and Three.js, with 20+ years of experience and over 100 three.js projects. Open to new projects as a consultant or freelancer.
This site is an interactive WebGL portfolio. Every page is also plain HTML, and every page has a Markdown version: add `.md` to the page address (the home page is `/index.md`). The links below are those Markdown versions; each file starts with the address of its canonical page.
## About
- [About Anderson Mancini](https://andersonmancini.dev/about.md): Creative developer from Brazil since 2000. Founded Neotix Internet Agency, delivered 100+ three.js projects, teaches three.js and shares free components on GitHub.
## Featured projects
- [Endurance Racing](https://andersonmancini.dev/projects/endurance-racing.md): Rain-soaked GT3 racing for the browser (2026)
- [Threejs-Punk](https://andersonmancini.dev/projects/threejs-punk.md): Fully featured Racing Game (2026)
- [Lantern Valley](https://andersonmancini.dev/projects/lantern-valley.md): Cozy adventure game for the browser (2026)
- [Graveyard Pinball](https://andersonmancini.dev/projects/graveyard-pinball.md): Free Halloween game (2026)
- [Odd & Out Game](https://andersonmancini.dev/projects/odd-and-out-game.md): Free co-op alien adventure for the browser (2026)
- [WebGPU Decoration](https://andersonmancini.dev/projects/webgpu-decoration.md): Lumen Decor Studio 2 (2026)
- [Realistic Water](https://andersonmancini.dev/projects/realistic-water.md): WebGL pool simulation with caustics (2024)
- [Forge Awakens](https://andersonmancini.dev/projects/forge-awakens.md): Mythic forge rhythm mini-game (2025)
- [Classics Garage](https://andersonmancini.dev/projects/classics-garage.md): Classic car configurator with gamification (2024)
- [Unique Jewelry](https://andersonmancini.dev/projects/unique-jewelry.md): Ultra-realistic diamond configurator (2024)
- [WebGPU Archiviz](https://andersonmancini.dev/projects/webgpu-archiviz.md): 6MB Architecture Visualization (2026)
- [Seat Selector](https://andersonmancini.dev/projects/seat-selector.md): 3D venue seat selection with spatial audio (2019)
- [Advanced Glass](https://andersonmancini.dev/projects/advanced-glass.md): Coming soon for WebGPU (2026)
- [Slice Tilt](https://andersonmancini.dev/projects/slice-tilt.md): Free pinball on a four-slice pizza (2026)
- [South Cliff](https://andersonmancini.dev/projects/south-cliff.md): Immersive Three.js dental brand experience (2026)
- [Alien Romulus](https://andersonmancini.dev/projects/alien-romulus.md): Space scene with MediaPipe facehugger filter (2024)
- [Glide clouds](https://andersonmancini.dev/projects/glide-clouds.md): Volumetric clouds with cinematic lens flares (2023)
- [Wheel Customizer](https://andersonmancini.dev/projects/wheel-customizer.md): Racing steering wheel product configurator (2020)
- [Cereal Stays](https://andersonmancini.dev/projects/cereal-stays.md): 3d location booking (2025)
- [Planpoint House](https://andersonmancini.dev/projects/planpoint-house.md): Full house walkthrough with baked KTX2 textures (2024)
- [Windland Experience](https://andersonmancini.dev/projects/windland-experience.md): First featured project on the Three.js homepage (2022)
- [3D Map Explorer](https://andersonmancini.dev/projects/3d-map-explorer.md): Awwwards Honorable Mention (2021)
- [Seashore House](https://andersonmancini.dev/projects/seashore-house.md): First archviz with real-time dynamic lighting (2023)
- [Smart Watch](https://andersonmancini.dev/projects/smart-watch.md): Interactive watch landing page with live hands (2024)
- [New York City Map](https://andersonmancini.dev/projects/new-york-city-map.md): Complex interactive city map study (2022)
- [Biontech Chemicals](https://andersonmancini.dev/projects/biontech-chemicals.md): Dynamic DNA landing page with post-processing (2023)
- [Farm Discovery](https://andersonmancini.dev/projects/farm-discovery.md): Bilingual 3D sustainability experience for DFC (2024)
- [Triumph park](https://andersonmancini.dev/projects/triumph-park.md): Real estate landing with full building render (2023)
- [Nikon Launch](https://andersonmancini.dev/projects/nikon-launch.md): Product launch landing page with 3D gallery (2019)
- [Realtime watch](https://andersonmancini.dev/projects/realtime-watch.md): Rolex-style launch with SSGI, SSR & live hands (2021)
- [Ultimate Lens Flare](https://andersonmancini.dev/projects/ultimate-lens-flare.md): Realistic lens flare component for R3F and Threejs (2024)
- [Toyota Supra](https://andersonmancini.dev/projects/toyota-supra.md): Realistic web-based car rendering (2024)
- [Predator Material](https://andersonmancini.dev/projects/predator-material.md): Free Custom Material for R3F (2025)
- [Yacht Config](https://andersonmancini.dev/projects/yacht-config.md): Hyper-realistic yacht configurator (2025)
## All projects
- [Projects by year](https://andersonmancini.dev/projects.md): all 69 projects with their categories
- [Project catalog (JSON)](https://andersonmancini.dev/projects.json): name, slug, tagline, year, categories, technologies, description, demo and source links of every project
## Blog
- [Endurance Racing: a free GT3 racing game in the browser](https://andersonmancini.dev/blog/endurance-racing.md): Drive a GT3 car on a rain-soaked Nürburgring in a browser tab, with Rescue, Echo, Photo Run and online rooms. Built with WebGPU, Three.js and TSL.
- [A closed circuit, proved by 6,816 launches](https://andersonmancini.dev/blog/endurance-racing-closed-circuit-audit.md): How Endurance Racing keeps cars on the Nürburgring: walls found by a flood fill, a small runtime net, and an audit that fires 6,816 cars at the barriers.
- [Echo: five laps where your past laps are the traffic](https://andersonmancini.dev/blog/endurance-racing-echo-mode.md): A racing mode where every lap you finish comes back as a hologram of your own car that you must pass without touching. How it is built and what it costs.
- [The 300 MB limit that kills WebGPU pages on iPhone](https://andersonmancini.dev/blog/endurance-racing-iphone-gpu-memory.md): iOS ends a WebGPU page's GPU process at about 300 MB, and every shader module costs 1.1 MB while it lives. Letting them go cut the peak from 469 to 274 MB.
- [Filming the launch trailer from the game itself, frame by frame](https://andersonmancini.dev/blog/endurance-racing-launch-film.md): The 47-second launch film of Endurance Racing is the real game, rendered frame by frame at 4K60 with a virtual clock, a scripted pilot and camera rigs.
- [Photo Run: develop the photos after the lap, not during it](https://andersonmancini.dev/blog/endurance-racing-photo-run.md): A lap with eight photographers where driving costs almost nothing: the lap is recorded, then the photos are developed from the recording on a replay screen.
- [Featured creator on FoundPlay, the home of free browser games](https://andersonmancini.dev/blog/foundplay-featured-creator.md): FoundPlay features me as a creator with six free browser games: Threejs-Punk, Lantern Valley, Graveyard Pinball, Awaken Your Relic, Odd & Out and Slice Tilt.
- [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.
- [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.
- [VR Seat: on the three.js homepage and an Awwwards mention](https://andersonmancini.dev/blog/vr-seat-on-threejs-homepage-and-awwwards.md): The 3D seat selector with spatial audio joined the three.js homepage in October 2022 and won an Awwwards Honorable Mention in January 2023.
- [Fishing in Lantern Valley: a minigame where nothing is lost](https://andersonmancini.dev/blog/lantern-valley-fishing.md)
- [Odd & Out: a co-op alien game built in six days](https://andersonmancini.dev/blog/odd-and-out.md)
- [Seven of my projects have been featured on the three.js homepage](https://andersonmancini.dev/blog/threejs-org-homepage-featured-projects.md)
- [Unique Jewelry: an Awwwards mention and the three.js homepage](https://andersonmancini.dev/blog/unique-jewelry-on-threejs-homepage-and-awwwards.md)
- [A concept camera page on the three.js homepage](https://andersonmancini.dev/blog/canon-camera-concept-on-threejs-homepage.md)
- [Caring for animals in a game where nothing can go wrong](https://andersonmancini.dev/blog/lantern-valley-animals.md)
- [Octahedral impostors in TSL: 10,957 trees in 3 draw calls](https://andersonmancini.dev/blog/octahedral-impostors.md)
- [Windland: the Codrops case study, and how a two-week city got famous](https://andersonmancini.dev/blog/windland-codrops-case-study.md)
- [Awwwards Honorable Mentions: a timeline of my projects since 2022](https://andersonmancini.dev/blog/awwwards-honorable-mentions-timeline.md)
- [A garden that grows while you sleep: time in Lantern Valley](https://andersonmancini.dev/blog/lantern-valley-farming.md)
- [My own portfolio: an Awwwards mention and the three.js homepage](https://andersonmancini.dev/blog/my-portfolio-on-threejs-homepage-and-awwwards.md)
- [Two players, two cameras and one extra pass: split screen](https://andersonmancini.dev/blog/odd-and-out-split-screen-and-tests.md)
- [Slice Tilt: a pinball pizza with four tables and no teleport](https://andersonmancini.dev/blog/slice-tilt.md)
- [Graveyard Pinball: simulated in 2D, rendered in 3D](https://andersonmancini.dev/blog/graveyard-pinball.md)
- [Cooking at a campfire where nothing burns](https://andersonmancini.dev/blog/lantern-valley-cooking.md)
- [Lumen Decor Studio is on the three.js homepage](https://andersonmancini.dev/blog/lumen-decor-studio-on-threejs-homepage.md)
- [Fog of war in a 128x128 byte grid](https://andersonmancini.dev/blog/odd-and-out-fog-of-war-in-128x128-bytes.md)
- [Schumacher House wins a 2025 Webby People's Voice award](https://andersonmancini.dev/blog/schumacher-house-webby-peoples-voice.md)
- [Letters with riddles instead of names, and no map marker](https://andersonmancini.dev/blog/lantern-valley-riddle-letters.md)
- [Fixing foot sliding by reading the clip's own feet](https://andersonmancini.dev/blog/odd-and-out-foot-slide-gait-analysis.md)
- [A steering wheel configurator earns an Awwwards mention](https://andersonmancini.dev/blog/racing-wheel-configurator-awwwards-mention.md)
- [Making a WebGL portfolio readable by search engines and AI agents](https://andersonmancini.dev/blog/webgl-portfolio-seo.md)
- [Classics Garage: an Awwwards mention for a game-like showroom](https://andersonmancini.dev/blog/classics-garage-awwwards-mention.md)
- [Herding chickens and finding a duckling with sound alone](https://andersonmancini.dev/blog/lantern-valley-herding.md)
- [Ultimate Lens Flare: an effect that knows what blocks the sun](https://andersonmancini.dev/blog/ultimate-lens-flare.md)
- [AutoFocus: depth of field that focuses on what you look at](https://andersonmancini.dev/blog/autofocus-dof.md)
- [Mending a boat by holding one button, and rowing at 11 m/s](https://andersonmancini.dev/blog/lantern-valley-boat.md)
- [Realistic water: an Awwwards mention for a pool full of caustics](https://andersonmancini.dev/blog/realistic-water-awwwards-mention.md)
- [Wish Hotels: four CSS Design Awards in 2020](https://andersonmancini.dev/blog/wish-hotels-css-design-awards-2020.md)
- [3D WebGPU ArchiViz: an Awwwards mention for a 6 MB scene](https://andersonmancini.dev/blog/awwwards-webgpu-archiviz-honorable-mention.md)
- [JS GameDev Summit 2023: Game Development with Three.js](https://andersonmancini.dev/blog/js-gamedev-summit-2023-talk.md)
- [Lantern Valley: a cozy WebGPU game, and the cuts that finished it](https://andersonmancini.dev/blog/lantern-valley.md)
- [A quest guide that never goes silent](https://andersonmancini.dev/blog/lantern-valley-quest-guide.md)
- [A cloaking effect in TSL: morphing a PBR material into glass](https://andersonmancini.dev/blog/predator-material.md)
- [A holographic material built from three ideas](https://andersonmancini.dev/blog/holographic-material.md)
- [A map that starts under the mist](https://andersonmancini.dev/blog/lantern-valley-map-under-mist.md)
- [Threejs-Punk is FWA Site of the Day](https://andersonmancini.dev/blog/threejs-punk-fwa-site-of-the-day.md)
- [Confetti for React Three Fiber, in one instanced mesh](https://andersonmancini.dev/blog/confetti-component.md)
- [Every sound effect in Lantern Valley is a function](https://andersonmancini.dev/blog/lantern-valley-sound-effects-as-code.md)
- [Changing a material's color like a transition, not a cut](https://andersonmancini.dev/blog/mesh-transition-material.md)
- [One condition language for quests, dialogue and spawns](https://andersonmancini.dev/blog/lantern-valley-quest-conditions.md)
- [A performance panel for WebGPU, and the numbers it cannot give you](https://andersonmancini.dev/blog/r3f-webgpu-perf.md)
- [A browser save file that never leaves you with nothing](https://andersonmancini.dev/blog/lantern-valley-save-that-never-loses-progress.md)
- [Sharp text in WebGPU: three ways to draw a thousand labels](https://andersonmancini.dev/blog/r3f-webgpu-text.md)
- [Lantern Valley's tide: a function of the hour you can learn](https://andersonmancini.dev/blog/lantern-valley-tides-as-rules.md)
- [Glass that remembers what is behind it: transmission in WebGPU and TSL](https://andersonmancini.dev/blog/webgpu-glass-material.md)
- [Driving with a friend: a ghost, a room and a clock that never jumps](https://andersonmancini.dev/blog/threejs-punk-multiplayer.md)
- [A wet street without screen-space reflections](https://andersonmancini.dev/blog/wet-ground-without-ssr.md)
- [A realistic car, then an arcade car on top of it](https://andersonmancini.dev/blog/vehicle-physics.md)
- [A digital farm that makes sustainability playful](https://andersonmancini.dev/blog/dairy-farmers-of-canada-digital-farm.md)
- [Triumph Park: a real estate landing page with a whole building](https://andersonmancini.dev/blog/triumph-park-real-estate.md)
- [A Canon 5D Mark IV concept page, featured on Three.js](https://andersonmancini.dev/blog/canon-5d-concept-landing.md)
- [A pharma launch page with a DNA chain that sets the mood](https://andersonmancini.dev/blog/dna-chains-launch-page.md)
- [A stylized New York built from thousands of meshes](https://andersonmancini.dev/blog/new-york-city-map-study.md)
- [A smartwatch landing page where the hands tell your time](https://andersonmancini.dev/blog/smartwatch-landing-page.md)
- [Seashore House: my first archviz with real-time lighting](https://andersonmancini.dev/blog/seashore-house-archviz.md)
- [A 3D map of four Brazilian cities, in 2021](https://andersonmancini.dev/blog/interactive-3d-map-brazil.md)
- [Windland: the first project featured on the Three.js homepage](https://andersonmancini.dev/blog/windland-first-on-threejs-homepage.md)
- [A whole house in the browser with KTX2 and baked light](https://andersonmancini.dev/blog/planpoint-house-ktx2.md)
- [Hexaverse: an early metaverse city you can walk through](https://andersonmancini.dev/blog/hexaverse-digital-city.md)
- [Cereal Stays: a booking demo with its own scene controls](https://andersonmancini.dev/blog/cereal-stays-scene-controls.md)
- [A racing steering wheel configurator where the model leads](https://andersonmancini.dev/blog/racing-wheel-configurator.md)
- [Slice Tilt: from 40 seconds of shader compile to 6](https://andersonmancini.dev/blog/slice-tilt-compile-time-batchedmesh.md)
- [Gliding through volumetric clouds in the browser](https://andersonmancini.dev/blog/glide-clouds-volumetric.md)
- [Threejs-Punk is on the three.js homepage](https://andersonmancini.dev/blog/threejs-punk-on-threejs-homepage.md)
- [MSAA beat SMAA on a tile GPU, and KTX2 cut texture memory](https://andersonmancini.dev/blog/graveyard-pinball-msaa-and-ktx2.md)
- [Mana World: a scan score that becomes a living landscape](https://andersonmancini.dev/blog/mana-world-biomes.md)
- [41 pinball lamps in one material, with an ID map](https://andersonmancini.dev/blog/graveyard-pinball-41-lamps-one-draw.md)
- [Seat selection in 3D, with spatial audio, before you buy](https://andersonmancini.dev/blog/seat-selector-vr.md)
- [A facehugger tribute with MediaPipe face tracking](https://andersonmancini.dev/blog/alien-romulus-facehugger.md)
- [22 pinball achievements as data, with five rule kinds](https://andersonmancini.dev/blog/graveyard-pinball-achievements-as-data.md)
- [Unique Jewelry: an ultra-realistic diamond configurator](https://andersonmancini.dev/blog/unique-jewelry-diamond-configurator.md)
- [Forge Awakens: a rhythm mini-game that unlocks its own source](https://andersonmancini.dev/blog/forge-awakens.md)
- [A pinball dot-matrix display in one 4 KB texture](https://andersonmancini.dev/blog/graveyard-pinball-dmd-in-4kb.md)
- [A pool of water with caustics and droplets in the browser](https://andersonmancini.dev/blog/realistic-water-simulation.md)
- [Lumen Decor Studio 2: furniture lit by a WebGPU sun](https://andersonmancini.dev/blog/lumen-decor-studio-2.md)
- [South Cliff Dental Group: a website you explore, not scroll](https://andersonmancini.dev/blog/south-cliff-dental-group.md)
- [GTAO in WebGPU without a second scene render](https://andersonmancini.dev/blog/threejs-punk-gtao-without-second-render.md)
- [Three Graces: shadows that are only light and material](https://andersonmancini.dev/blog/three-graces-cursor-light.md)
- [Dream Houses: walking from the garden into the living room](https://andersonmancini.dev/blog/dream-houses-archviz.md)
- [Bloom as one mip chain: 1.8 ms down to 0.4 ms](https://andersonmancini.dev/blog/threejs-punk-mip-bloom.md)
- [Fresh & Healthy: cosmetics bottles in glass and color](https://andersonmancini.dev/blog/cosmetics-landing-glass.md)
- [Why a WebGPU device was destroyed on iPhone: too many shaders](https://andersonmancini.dev/blog/threejs-punk-iphone-device-lost.md)
- [The T-shirt configurator behind my React Three Fiber course](https://andersonmancini.dev/blog/tshirt-configurator-course.md)
- [EQStudios: a stylized isometric room, lit in real time](https://andersonmancini.dev/blog/eqstudios-isometric-room.md)
- [OLA Research: an architecture firm that lives in one model](https://andersonmancini.dev/blog/ola-research-architecture-site.md)
- [Cutting a WebGPU game's cold start from 29 to 14 seconds](https://andersonmancini.dev/blog/threejs-punk-startup-compile-time.md)
- [A haunted house that lives inside a Webflow page](https://andersonmancini.dev/blog/haunted-house-webflow-3d.md)
- [A house decoration configurator, as a live preview](https://andersonmancini.dev/blog/house-decoration-configurator.md)
- [Measuring GPU time on a tile-based GPU without fooling yourself](https://andersonmancini.dev/blog/threejs-punk-measuring-gpu-time-tile-based.md)
- [A Nikon product launch page with a 3D gallery](https://andersonmancini.dev/blog/nikon-product-launch-page.md)
- [Era Collection: a ring that ends in a configurator](https://andersonmancini.dev/blog/era-collection-jewelry-landing.md)
- [WebGPU frame time: the uploads you did not ask for](https://andersonmancini.dev/blog/threejs-punk-fewer-uploads-faster-frames.md)
- [A Rolex-inspired watch with SSGI, SSR and the real time](https://andersonmancini.dev/blog/luxury-watch-ssgi-concept.md)
- [Occlusion culling on the CPU for an instanced city](https://andersonmancini.dev/blog/threejs-punk-occlusion-culling.md)
- [A Toyota Supra that reflects itself, in the browser](https://andersonmancini.dev/blog/toyota-supra-realtime-car.md)
- [Dubai Dream: a Mapbox map with a 3D layer on top](https://andersonmancini.dev/blog/dubai-dream-mapbox.md)
- [A Blockade Labs lau
