Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Also searching for Cities & Buildings, because “buildings” is another name for it.
Results 25 to 48 of 66 for “buildings”.
- Showcase
Still Night: Play Van Gogh's Starry Night as a WebGL Instrument
Van Gogh's Starry Night, rebuilt as a point cloud you can play. Touch a bright swirl and it answers high; the dark hills drop low. Brushstrokes drift along Van Gogh's own paths, and five regions form a Tone.js orchestra. You play the painting to make the music.
- Showcase
Sporenkijker: A Live 3D Map of Flanders' Busiest Train Stations
A live digital twin of Belgium's ten busiest train stations, with accurate rail geometry and real-time arrivals rendered in a calm mech-tech style. Built by Guy Van Raemdonck at Studio Haedin.
- News
Google Introduces HTML-in-Canvas API: Accessible UI Meets WebGL / WebGPU
At Google I/O 2026, Chrome engineer Thomas Nattestad unveiled the HTML-in-Canvas API, which is a new web platform feature that lets developers render HTML elements directly into canvas, WebGL, and WebGPU contexts while preserving accessibility and interactivity.
- Showcase
Lore: Hand-Rolled WebGL by darkroom.engineering
Lore's landing page is the rare marketing site that earns its WebGL canvas. darkroom.engineering, the studio behind Lenis, wires GL into GSAP timelines for a logo-forward hero that is small, sharp, and worth reading the source of.
- Showcase
Ameen Abdullah's Portfolio Turns the Browser Into a Stage
A WebGPU sakura scene anchors the hero, Vue drives the page, and a second WebGL layer paints mini scenes into textures aligned with the DOM. Off-screen blocks pause their work. Subtitles arrive in Japanese. A portfolio that behaves like a place rather than a CV.
- Showcase
Gaussian Splats on a Revit Model in 600 Lines of JavaScript
Michael Beale's gaussian-splats-lmv overlays photoreal XGRIDS captures onto a Revit model inside the APS Viewer. Same camera, same section planes. Three modules, roughly 600 lines of JS, a 65,536-bucket counting sort in a Web Worker, and 32-byte splat records doing the heavy lifting.
- Showcase
Cat Warrior Parkour: Seven Levels of Three.js Platforming
Pelican Party Studios ships a tidy 3D parkour game in the browser: seven levels, hidden jades, a cat with no respect for gravity, and optional multiplayer. Three.js under the hood, aggressive asset diets, and jumps tuned to stay forgiving past the third fall.
- Showcase
The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series
Immersive Garden's scrollable look at Audemars Piguet's five RD prototypes: flying tourbillons at their actual thickness, sapphire catching light it shouldn't, and a camera with the taste to stand still. Nuxt on the shell, Blender on the geometry, WebGL tying the room together.
- Showcase
Justine Soulié's Portfolio: A WebGL Site Where Illustrations Are the Interface
Every illustration on Justine Soulié's portfolio is a live WebGL scene with its own micro-interactions. Built by Patrick Heng using OGL, scroll physics, and custom shaders, the canvas isn't decoration. It is the UI.
- Showcase
Ad-Deir Monastery in WebGL: CyArk's Tapestry Takes You Inside Petra
CyArk's Tapestry rebuilds Petra's Ad-Deir Monastery from LiDAR and photogrammetry, then hands you the keys. A narrated seven-scene tour on a high-res textured mesh, with a free-explore mode sharing the same source of truth. Restrained engineering dressed up as a field trip.
- Showcase
Mapillary: A Street View Stitched Together by Strangers
Hundreds of millions of crowdsourced street photos, blended into a navigable 3D world you can pan through like a panorama. Built on mapillary-js, an open source TypeScript and WebGL library by Oscar Lorentzon. Point clouds, undistorted camera frames, and an S2-cell navigation graph under the hood.
- Showcase
Hatom: Five-Phase Griffin Mythology Rendered in WebGL
Immersive Garden built a five-chapter WebGL narrative for Hatom where a griffin hatches, armors up, and expands across planets. Three.js, progressive asset loading, and sound design by Ben Lukas Boysen. Awwwards SOTD, November 2024.
- Showcase
Omega Clearspace: Scroll-Driven Orbital Debris in Three.js
Immersive Garden built a scroll-driven WebGL experience that puts you in orbit alongside 36,500 pieces of space junk. Wireframe-to-render transitions, spatial audio, and a four-armed capture vessel that makes it feel like an elegant unfolding of a problem.
- Showcase
Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment
Joseph Santamaria turned his portfolio into a full 3D environment you scroll through like a short film. Three.js, GSAP, hand-built scenes, and camera choreography that treats web performance as a design constraint. Built from Ecuador, no shortcuts.
- 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
Pixel Vault: An Immersive Creative Marketplace from 2047
Pixel Vault drops you into a WebGL-rendered creative marketplace set in 2047. Bold geometry, fluid motion, and an interface that is the 3D layer, not decorated by it. Built by Karan Chouhan and Harshit Kumar Sahu, it's part storefront, part environment, and entirely worth exploring.
- Showcase
ThoughtLab: WebGL as Brand Infrastructure, Not Decoration
ThoughtLab's homepage treat WebGL as structural, not ornamental. Real-time 3D interfaces, scroll-driven depth, and interactive flows built for commercial use. A 26-year-old studio that keeps choosing the GPU when flat design would be easier.
- Showcase
OFFFICE: A Furniture Studio Portfolio Built on Restraint and WebGL
A two-color WebGL portfolio for an Italian-Swiss design studio. 3D furniture models rotate in stark black and white, with seamless page transitions that pull you into dedicated model viewers. Built by Federico Valla using Three.js and Blender.
- Showcase
Flightradar24: Live Flights Rendered in WebGL2, Updated Every Two Seconds
Flightradar24 renders tens of thousands of real aircraft on a vector globe using WebGL2 and CesiumJS, with positions updating every few seconds from 58,000 volunteer receivers. One of the most data-dense real-time WebGL apps on the public internet.
- Showcase
The Pendragon Cycle: WebGL as Cinematic Storytelling
Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.
- Showcase
DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness
A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.
- Showcase
Interactive 3D Sony Headphones Built with Spline and Webflow
Lorenz Wieseke built a product page that actually earns your attention. Particle environments, animated audio wave rings, swappable colors, and convincing materials, all orchestrated through Spline and Webflow without a custom WebGL pipeline in sight.
- Showcase
Troika: The Three.js Framework That Solved WebGL Text Rendering
Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.
- Showcase
Tankgank: Multiplayer Tank Battles Built on Rust, WASM, and WebGL
Tankgank drops you into a browser tab with a tank, a grid, and a dozen rivals fighting over territory. No install, no login. Built in Rust, compiled to WASM, rendered through WebGL by the Softbear team.
