Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

youtube.com

Post reply on HN
Print view View original

21–30 of 74 posts

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

#22

Post by agys »

aleyan wrote: post #11

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…

A couple of years ago I wrote extensive benchmarks on three browser-based rendering techniques: text in the DOM, 2D canvas, and WebGL canvas. The DOM approach is the purest, as it uses a font, and it can achieve very good performance. The only noticeable slowdown at 60 FPS occurs when the character color changes frequently within each line: each new character needs to be wrapped in a span. 2D canvas is a bit more flexible but not necessarily faster. WebGL is obviously the fastest, at 1000+ FPS, and pixel fonts can be rendered ultra-crisp as well.

Below is the DOM test for frequent vertical color changes. Press and hold the cursor over the ASCII output to change the orientation (notice the FPS drop at the top left).

https://play.ertdfgcvb.xyz/#/src/basics/performance_test

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

#27

Post by rvz »

ChrisArchitect wrote: post #24
SpyCoder77 wrote: post #21

[dupe] https://news.ycombinator.com/item?id=49310003

Welcome. Not a dupe if no discussion after a period of time. Sometimes things just don't get traction. Resubmit is ok.

> Sometimes things just don't get traction. Resubmit is ok.

More like it was resubmitted a hundred times already.

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

#29

Post by aleyan »

butlike wrote: post #19
aleyan wrote: post #11

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 hexwalker, what does the AU/A0 button do? Also is there anything to "do" or is it more of a wanderlust simulator? I found a cave with a coffin but so far no items underfoot to use.

AU/AO are auto explore underworld and overworld and A0 is to stop auto explore. You can click on them in the top menu.

> Also is there anything to "do" or is it more of a wanderlust simulator? It is mostly just a technology demonstrator for having a hexagonal grid map in the terminal. There is nothing to do. I am prototyping some gameplay features around interacting with the environment, but I expect the end result will be very light weight gameplay that more "A Short Hike" than nethack.

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

#30

Post by aleyan »

agys wrote: post #22
aleyan wrote: post #11

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…

A couple of years ago I wrote extensive benchmarks on three browser-based rendering techniques: text in the DOM, 2D canvas, and WebGL canvas. The DOM approach is the purest, as it uses a font, and it can achieve very good performance. The only noticeable slowdown at 60 FPS occurs when the character color changes frequently within each line: each new character needs to be wrapped in a span. 2D canvas is a bit more fle…

I suspect DOM is probably fast enough for most usecases. For me, DOM only started chugging because every tile (2 half-width characters in hexwalker) was a react element and those would get garbage collected en-masse and cause studder.
Post reply on HN