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

ASCII Clouds

caidan.dev

Post reply on HN
Print view View original

91–99 of 99 posts

Re: ASCII Clouds

#93

Post by mildmelon »

heliumtera wrote: post #50

Except it is not ascii

Author here, yes you're correct. The name is a bit of misnomer, and to do it truly with ASCII I'd have to move data back to the CPU which had pretty bad performance. I took a bit of artistic liberty and decided to draw my own ASCII-esque glyphs using signed distance functions. I'm considering adding a setting to swap the modes so that it does use true ASCII but again it'd be pretty rough performance on large screens.

Re: ASCII Clouds

#97

Post by binaryturtle »

mildmelon wrote: post #66
binaryturtle wrote: post #40

Earlier quoted context omitted.

It dies with lots of WebGL errors here, so I only see a white page. So that's definitely not ASCII in my book. Would be more fun to have an actual text based output indeed.

Author here, can you elaborate more on what kind of WebGL errors you are getting?

This is an older Firefox, so this is probably all "normal", but also may be entirely unrelated to the actual cause for nothing showing up?

    WebGL warning: drawArraysInstanced: Framebuffer not complete. (status: 0x8cd6) COLOR_ATTACHMENT0: Attachment has no width or height. ascii_clouds.astro_astro_type_script_index_0_lang.iEVYfoCC.js:274:3430
    WebGL warning: drawArraysInstanced: Framebuffer must be complete. ascii_clouds.astro_astro_type_script_index_0_lang.iEVYfoCC.js:274:3430
    WebGL warning: drawArraysInstanced: TEXTURE_2D at unit 0 is incomplete: The dimensions of `level_base` are not all positive. ascii_clouds.astro_astro_type_script_index_0_lang.iEVYfoCC.js:274:3980
    …
    [repeat]
    …
    WebGL: No further warnings will be reported for this WebGL context. (already reported 32 warnings) ascii_clouds.astro_astro_type_script_index_0_lang.iEVYfoCC.js:274:3430

Re: ASCII Clouds

#98

Post by stungeye »

mildmelon wrote: post #76
cess11 wrote: post #41

Earlier quoted context omitted.

P5JS makes it very easy to start playing around with. https://p5js.org/reference/p5/noise/

Author here. P5JS is great and I've used it in the past. However you can get pretty far with just VanillaJS. Here's the source code to the ASCII Clouds tool, it's almost all plain JS. https://github.com/caidanw/caidanw.github.io/blob/main/src/p...

So cool. Thanks for sharing the source! A few years back I made a p5.js ASCII Cloud sketch using the extended ASCII block chars.

For those curious what a stripped-down version of noise-based clouds would look like, it's only 50 lines of js: https://editor.p5js.org/stungeye/sketches/LPdeHgz9B

Post reply on HN