IdeaWell

Project ideas from Hacker News discussions.

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

Original Article

Hacker News Discussion

📝 Discussion Summary (Click to expand)

Theme 1 – Enthusiasm for the ASCII‑city project
Many commenters praised the creativity and technical ambition of the demo.
- “This is really nice! is it accessible somewhere to play with?” – supermatt
- “Wow, that's interesting. It's a good start, and it would be interesting to see how the project develops.” – Transformanshen
- “That was a really, really cool read!” – paavope

Theme 2 – Technical discussion of rendering approaches and performance
A sizable sub‑thread compared DOM, Canvas, and WebGL for fixed‑width art, and weighed browser‑based TUIs against traditional terminals.
- “The DOM approach is the purest… 2D canvas is a bit more flexible but not necessarily faster. WebGL is obviously the fastest, at 1000+ FPS…” – agys
- “If you want to get into fixed‑width character art, I highly recommend doing it in the browser like OP did… You can set fonts and proportions and know exactly how things will render for the user. Mouse input, performance profiling … are just better in the browser.” – aleayan
- “Command line tools … can be used over SSH and don't require messing around with HTTPS certificates.” – slowin (echoing the browser‑vs‑terminal trade‑off)

Theme 3 – Confusion About the Demo vs. the Showcased Video
Several users noted that the live version they tried differed markedly from the polished video, pointing to version mismatches or conflated projects.
- “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.” – naet
- “Same here. The video looks cool, but what I see is much messier and hard to identify shapes and objects.” – rocmcd
- “The video showcases his new version. The live version is his old version.” – jayturley
- “I was merging several submissions and thought it was the same project. Sorry!” – dang (acknowledging the mix‑up)

🚀 Project Ideas

Generating project ideas…

ASCII3D Engine SDK

Summary

  • Provides a lightweight JavaScript library for building 3D ASCII/Unicode worlds with raycasting, dithering using half‑block and shaded characters, and automatic font handling.
  • Core value: developers can focus on game logic while the engine handles rendering, performance, and cross‑browser consistency.

Details

Key Value
Target Audience Indie game developers, hobbyists, and educators wanting to create ASCII/Unicode visual demos
Core Feature Ray‑caster + character mapper that converts depth to appropriate block/half‑block/dither chars, with optional WebGL fallback
Tech Stack Vanilla JS/TypeScript, HTML5 Canvas, optional WebGL via regl or three.js
Difficulty Medium
Monetization Hobby

Notes

  • HN commenters noted trouble seeing shapes when they tried the demo; this SDK supplies clear dithering and adjustable character sets to improve readability (as felineflock suggested using half‑block and hashed chars).
  • Enables rapid prototyping and sharing of ASCII cities, encouraging the TUI/dev‑tool renaissance discussed by aleayan and holsta.

ASCII Live Editor & Playground

Summary

  • A web‑based IDE where users write ASCII/Unicode scene code (or use a visual node editor) and instantly see the rendered output in a resizable, font‑controllable pane.
  • Core value: eliminates the guesswork of “does it look the same?” by giving live preview, font selection, and extended‑ASCII cheat sheet, making experimentation frictionless.

Details

Key Value
Target Audience Artists, educators, developers exploring ASCII art, terminal UI builders
Core Feature Live split‑editor with syntax highlighting, real‑time rendering, font‑size/line‑height controls, and export to PNG or embeddable HTML
Tech Stack React + Codemirror/Monaco, CSS Grid, Web Workers for heavy rendering, optional WASM for ray‑caster
Difficulty Low‑Medium
Monetization Hobby

Notes

  • Commenters like naet and rocmcd reported the live version looked messy and hard to identify objects; the editor’s overlay showing depth buffers and character legends would address that (as avidruntime linked the source).
  • Provides a playground for the community to iterate on ideas like CyberCity, fostering discussion and practical utility akin to the hexwalker project.

ASCII Rendering Profiler & Optimizer

Summary

  • A devtool extension (Chrome/Firefox) that profiles ASCII/Unicode rendering performance, highlighting costly operations such as frequent color changes per line and suggesting optimizations (e.g., batch DOM updates, use of Canvas/WebGL).
  • Core value: gives developers concrete data to hit 60 FPS in ASCII engines, directly addressing the performance concerns raised by agys and aleayan.

Details

Key Value
Target Audience Developers building ASCII/Unicode visualizations, game engines, or data‑visualizations in the browser
Core Feature Records frame‑by‑frame draw calls, measures time spent in DOM mutation vs canvas/WebGL, provides recommendations and can auto‑apply optimizations
Tech Stack JavaScript, Web APIs (performance.now, requestAnimationFrame), optional WebAssembly for heavy calculations, packaged as a browser extension
Difficulty Medium
Monetization Hobby

Notes

  • agys shared benchmarks showing DOM chugs when each tile is a React element; the profiler would make such bottlenecks visible, earning praise from those interested in performance (as aleayan noted).
  • By offering concrete optimization tips, it would spark discussion on rendering techniques and help the TUI renaissance move beyond proof‑of‑concept to performant applications.

Read Later