June 23, 2026
ASCII me outside, how ’bout that
Show HN: An ASCII 3D Rendering Engine
People are obsessed with this retro 3D trick — except the fans worried their laptops may melt
TLDR: A developer built a way to show rotating 3D objects as old-school text art on a web page, and people instantly loved the retro look. The comments split between fans calling it awesome and critics asking why avoiding normal graphics is worth it if it makes a computer work that hard.
A new Show HN project just dropped a deliciously nerdy party trick: 3D models made entirely out of ASCII text, all packed into one inspectable <pre> block, with clickable hotspots and no canvas-style drawing layer. In plain English: it turns chunky old-school text art into a live, rotating 3D scene on a web page. And the community reaction was basically a mix of “this rules” and “my CPU is screaming.”
The love side came in hot. One commenter called it “actually pretty awesome” after happily touring the demo models, while others were already planning to slap it onto their own sites. The vibe was very much retro-computer romance: people weren’t just impressed by the trick, they were weirdly emotional about it. One fan practically wrote a love letter to ASCII art itself, saying the magic is how the brain fills in the gaps and the shading makes it all click. That’s the kind of comment-section poetry you only get when a project hits a very specific geek nerve.
But then came the drama. The biggest pushback was the project proudly saying “No WebGL”—meaning it skips the usual graphics route. One unimpressed user basically said, cool flex, but why is that good if it maxes out a CPU core just rendering the landing page? And there it is: the classic internet split between “beautiful hack” and “practical nightmare.” In other words, the text-art crowd is feasting, the performance police are circling, and everyone else is just enjoying the chaos.
Key Points
- •The article presents glyphcss as an ASCII 3D rendering engine that renders textured meshes in the DOM using a single <pre> element.
- •glyphcss operates without WebGL and without the HTML canvas element.
- •The engine supports OBJ, glTF, GLB, STL, and MagicaVoxel VOX files, including UV textures and material colors.
- •Its workflow rasterizes meshes into frame strips in JavaScript and uses CSS steps(N) and @keyframes to play animations and position hotspots.
- •The library provides custom elements, an imperative createGlyphScene API, and optional bindings for React and Vue.