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
Comments
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
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.
β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.β