Skip to content
Cyber City Orion: A Blade Runner-Inspired 3D City in Your Browser

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.

Details

Published

What it is

Cyber City Orion is a neon-soaked, Blade Runner-flavored 3D cityscape you fly through in your browser. Literally fly through. WASD and spacebar, skyscrapers scrolling past, rain catching light off rooftop geometry, the whole atmosphere dialed to that specific shade of melancholy futurism we all pretend we're too sophisticated to love. You can parkour across buildings, ride ziplines between towers, or collect coins and burn them in three built-in arcade games tucked into the city itself. It feels less like a tech demo and more like someone built a place and then decided to let you visit.

The person responsible is Adrian Red, a freelance art director and designer based in Dubai with about two decades of digital production under his belt. Here's the part that'll make you sit up: he built the entire thing in four months using Blender, Three.js, and Cursor, without writing code by hand. The 3D pipeline goes from Blender modeling and UV work through Draco and KTX2 compression for web-ready delivery, and the results run at a fidelity that genuinely does not feel like it should work in a browser tab. It won FWA and CSS Design Awards site of the day, and got featured on Behance twice.

Go poke around the city. Adjust the graphics settings. Fly into things. There's a generosity to this project, a "here, look at what's possible now" energy, that makes it exactly the kind of work worth sharing.

How it’s made

Technology
WebGLDraco
Framework & Tool
Three.jsBlender