A walkable ASCII cyberpunk city in one HTML file [video]

275 points - yesterday at 6:21 PM


ASCII City: Traffic and Detail Update - https://www.youtube.com/watch?v=DSRooHo_HSI

ASCII City Update: Interiors, Elevation and Skyscrapers - https://www.youtube.com/watch?v=UCKEDWowc0o

Source

Comments

aleyan yesterday at 7:31 PM
If you want to get into fixed-width character art, I highly recommend doing it in the browser like OP did rather than trying to old school it in the terminal. I have done a little ascii[0] and unicode[1] graphics, and the browser is such a better tool. You can set fonts and proportions and know exactly how things will render for the user. Mouse input, performance profiling and a bunch of other things are just better in the browser. Both of my projects work in the terminal but were browser first.

It is kind of shocking to me how TUIs are enjoying a bit of dev tool renaissance right now when the browser is such a capable platform.

[0] https://aleyan.com/projects/ascii-side-of-the-moon/ [1] https://ytirnity.com/play/hexwalker

naet yesterday at 7:26 PM
It looks really good in the video uploaded, but when I tried it myself it didn't look the same and was hard to tell what was going on. Not sure what the issue is.
rkagerer today at 2:22 AM
It's beautiful, but when I went to try it out myself it seems it's pay to play?

https://ko-fi.com/s/e1e0f91951

Note that's "Prototype 1", and I gather the more developed v2 (featured in the update video) isn't available yet.

Sorrel47 today at 4:34 AM
Reminds me of old MUDs, but elevated with a proper walkable city. Super clever use of pure HTML for this whole experience.
hexley19 today at 4:07 AM
Seriously impressive browser tech pushing what's possible in one HTML file. The ASCII art and walking mechanic are brilliant.
pan_lid today at 3:46 AM
Reminds me of classic DOS text adventures, but with a modern cyberpunk twist. Love the aesthetic and the clever single-file packaging.
postalcoder yesterday at 9:42 PM
This makes me deeply nostalgic. Starlight Zone from Sonic the Hedgehog is my favorite game level of all time and the aesthetic of this city is basically like stepping into the background of Starlight Zone.

https://youtube.com/watch?v=ZHR5OKDL81g

felineflock yesterday at 6:39 PM
Wouldn't it be better to use blocks (219 in ASCII) as the main paint unit and use some other half-block and "hashed" characters (ASCII 220, 223, 176-178) to implement dithering?
jeffgreco yesterday at 7:53 PM
Is the GitHub project the same as the videos? Seems like no.
SpyCoder77 yesterday at 8:39 PM
Transformanshen yesterday at 7:15 PM
Wow, that's interesting. It's a good start, and it would be interesting to see how the project develops.
FpUser today at 1:24 AM
love it. It has a mood
deleted yesterday at 8:46 PM
deleted yesterday at 8:57 PM
ryecrust today at 4:58 AM
[dead]
keithcarolus 08/17/2026
From the video description:

β€œI wanted to build a city that feels alive, but is made entirely from ASCII characters.

This is a small custom engine built with JavaScript and Canvas β€” no Unity, Unreal, 3D models, textures, or shaders. The world is a grid-based city with roads, buildings, trees, cars, and pedestrians.

Every frame, the engine raycasts from the camera to work out perspective, depth, collisions, and what should be visible, then draws it all using letters, numbers, and symbols.

In other words: it’s a tiny 3D city made from blocks, viewed through a screen of ASCII characters.

Still a work in progress, but I’m going to keep pushing the atmosphere, detail, and interaction further.”

supermatt 08/17/2026
This is really nice! is it accessible somewhere to play with?