A neon-lit cyberpunk cityscape rendered in real time with Three.js, showing rain-slicked skyscrapers, glowing signage, and a flyable vehicle navigating between towers at night.
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.
- Live Demo: https://orion.adrianred.com
- Author: Adrian Red (X, LinkedIn, Dribbble, Instagram)