Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for Maps & Geography, because “map” is another name for it.
Results 25 to 46 of 46 for “map”.
- Showcase
gpu-curtains: A WebGPU 3D Engine That Syncs Shaders to Your DOM
Martin Laxenaire rebuilt his DOM-to-shader library for WebGPU, and this time it's a full 3D engine. Lights, shadows, compute shaders, glTF support, and the same trick that made curtains.js useful: your HTML elements become shader geometry that scrolls and resizes like native DOM.
- Showcase
Embedding Atlas: Apple's Open-Source Tool for Exploring Millions of Vectors in Your Browser
Apple's Embedding Atlas renders millions of embedding points interactively using WebGPU (with WebGL 2 fallback), Wasm-compiled UMAP, and density-based clustering that runs in milliseconds. Open source, with React, Svelte, Jupyter, and CLI support.
- Showcase
PLAIN: Generate Low-Poly 3D Terrain Graphics in Your Browser
PLAIN creates low-poly 3D plane graphics using vertex geometry and simplex noise. Displace a grid into terrain. Animate the surface. Control camera, color, shape. Export stills or loops. Built in p5.js.
- Showcase
Forged.build
Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.
- Showcase
Moped Mayhem Turns Food Delivery Into Browser Racing Chaos
Evan Poliquin's Moped Mayhem is a browser multiplayer delivery/racing game built with Three.js, Rapier physics, websockets, culling, LODs, and a dense city to learn badly at speed.
- Showcase
SnookerSim: Snooker With Physics You Can Measure
A 3D snooker table you can just walk up to and play. Side spin curls the cue ball off the cushion, deep screw draws it back, and a cage-and-jaw view shows exactly why your ball rattled out. Physics in plain TypeScript, no off-the-shelf engine. Shareable positions, MP4 capture, real recorded sound.
- Showcase
PipeMagic: A WebGPU Node Editor for Image Pipelines
A node editor for image pipelines that runs entirely in the browser. Wire up background removal, depth estimation, JFA outlines, and 2x upscale, watch WebGPU do the work, then export the graph as JSON and drop the same logic into your app in roughly 180 lines.
- Showcase
Noomo's 3D Storytelling Site: A Walk Through Phoenix
Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.
- Showcase
Reze Engine: A Hand-Rolled WebGPU Renderer for MMD Characters
A hand-rolled WebGPU renderer for MMD anime characters, written in pure TypeScript with exactly one runtime dependency. Toon outlines, rim light, IK, and Bullet physics built from scratch, plus a tutorial that walks from Hello Triangle to a fully rigged, dancing character.
- Showcase
Shell Shockers: A Full Multiplayer FPS, in a Browser Tab, Starring Eggs
Sentient eggs with shotguns, pastel arenas, and yolk physics, all running on Babylon.js at 60fps in a cold browser tab. Two hundred million players deep and still the best argument that the web can, in fact, host a real shooter.
- Showcase
Hydra: A Livecoded Video Synth Built on WebGL Framebuffers
Olivia Jack's Hydra turns the browser into a modular video synth. Chain oscillators, kaleidoscopes, and webcam feeds into recursive GLSL patches, then pipe the output to another browser over WebRTC. Type a function, hit Ctrl+Enter, watch the pixels misbehave.
- Showcase
Find Your Way to Oz: The 2013 Chrome Experiment
UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.
- Showcase
Narrow One: A Multiplayer Archery Game with WebGL
Two developers in Rotterdam built a custom WebGL engine from scratch to run a 5v5 multiplayer archery game entirely in the browser. Just bows, arrows, and castle arenas that load in seconds on a Chromebook.
- Showcase
Vermeer's Milkmaid Dissolved into WebGPU Particles
Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.
- Showcase
Lume: GPU-Powered 3D Scenes Written as Plain HTML Elements
Lume lets you build WebGL-powered 3D scenes using custom HTML elements. Lights, shadows, glTF models, and reactive updates, all in markup that works with React, Vue, Svelte, or vanilla HTML. No canvas wrangling required.
- Showcase
SWOOOP: Low-Poly Biplane Flight in PlayCanvas
A low-poly biplane circles a floating island, collecting gems while physics and ambient occlusion do the heavy lifting. Built in WebGL with PlayCanvas in just four weeks by a remote team across Athens and London.
- Showcase
WebHeat: GPU-Powered Thermal Simulation for Any STL File
A high school senior learned Newton's law of cooling in class, then built a full thermal simulation in the browser. Drop in any STL, watch heat propagate through voxelized geometry on the GPU. WebGPU compute shaders, React frontend, and a useRef trick that keeps it all from falling apart.
- Showcase
Skatebuilder: A 3D Skateboard Configurator
Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.
- Showcase
Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR
Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.
- Showcase
Grenzwert: Path-Traced Volumetric CT Rendering in WebGPU
Grenzwert renders volumetric CT data with ground-truth path tracing, right in your browser. Built on C++/WebAssembly with WebGPU, it streams a 3D mip pyramid for responsive interaction while you edit transfer functions and crop into the volume in real time.
- Showcase
Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights
Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.
- Showcase
Indra's Pearls
A WebGPU deep dive into Indra’s Pearls, where circle inversions and Möbius transforms turn math into living geometry.
