Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for Cities & Buildings, because “city” is another name for it.
15 results for “city”.
- Showcase
Cyber City Orion: A Blade Runner-Inspired 3D City in Your Browser
Adrian Red built a flyable cyberpunk city in the browser using Blender, Three.js, and Cursor, no hand-written code. Parkour across rooftops, ride ziplines, play arcade games embedded in the skyline. Four months from scratch.
- Showcase
Git City: GitHub Profiles as a 3D Pixel-Art Skyline
A sprawling 3D pixel-art city viewed from above, where each skyscraper represents a GitHub developer with height set by contributions and lit windows mapping to recent activity.
- Showcase
MONTREAL: A Snowy Owl Guides You Through a Hand-Illustrated WebGL City
Leeroy's MONTREAL is a WebGL experience where a snowy owl walks you through nine illustrated landmarks. Built with Three.js, Angular, GSAP, and Lottie, it layers hand-drawn art into 3D space with the feel of a storybook that learned how to breathe.
- Showcase
The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film
A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.
- Showcase
Above the Clouds: A 3D Burj Khalifa Built on Gaussian Splats
A scroll-driven 3D concept site for the world's tallest tower, set during Dubai's rare fog season. The volumetric haze isn't faked; it's real Gaussian splat data running real-time in three.js, splats and polygons sharing one frame. Built solo in about six weeks.
- Showcase
In The Clouds: Tallest Buildings as 40-Meter Blocks
The world's tallest buildings rendered as stacked 40-meter blocks in Three.js. One block equals four floors. Pure client-side WebGL with procedural geometry. No map tiles, just height data and math.
- Showcase
Flight Path: 30,000 GPU-Instanced Flights on a Photorealistic Earth
Yong Su's Three.js demo spins a photorealistic Earth and threads up to 30,000 planes along dashed parabolas between cities. Every plane lives in one instanced mesh, with shaders handling the per-frame math. Scrub the UTC slider and watch the terminator crawl across the Pacific.
- 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.
- News
glTF 2.1 Aims At Complex Scenes, Not Just Single Assets
Khronos is planning glTF 2.1 as a backward-compatible update focused on large composed scenes, external assets, packaging, BVHs, thumbnails, and 64-bit GLB files.
- 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
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
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
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
Erfan Mirasadi's Three.js Portfolio with Theatre.js Choreography
A 3D interactive portfolio built with Three.js, Theatre.js, and Next.js that actually runs smoothly on mobile. Draco compression keeps geometry lean, code-splitting prevents bundle bloat, and touch controls work like they should.
- Showcase
Persepolis Reimagined
Media.Monks and Getty Museum built a browser-based tour through ancient Persepolis at its peak. Full-scale WebGL recreation of the Persian capital with smart optimizations: instancing, frustum culling, LOD systems. Nine months of dev work with historians to nail the details. Worth exploring.
