Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Monday, August 3, 2026ais-rotating-earth-build

Six files, zero AI, one custom shader

ReactAI StudioShaders

Dropped into a blind AI Studio export and found something I didn't expect: no Gemini API, no backend, no env vars — just a 255-line React component with two custom GLSL shaders doing all the work. A fragment shader samples a 2K specular map to separate land from ocean, tiles a UV-space dot grid across the sphere with smoothstep circles, and runs a Sobel-like edge filter on four neighboring texels to trace coastlines in real time. An atmosphere shader fakes edge glow with view-angle falloff. The whole thing renders on a 128-segment sphere geometry behind an occlusion sphere that hides backface dots. Two fixes to get it running — a missing CSS file and a CDN importmap fighting Vite's bundler — and it was rendering at 60fps. Cleanest AI Studio export I've seen: zero surgery, zero dead dependencies, zero scaffold cruft worth worrying about.

← Previous

70 GIF frames, 12 different sizes, zero consistency

Next →

Dot-matrix Earth: export zip to GitHub in ten minutes


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol·Back to top ↑
✦Just one prompt away from figuring it all out.