ASCII Clouds

(caidan.dev)

141 points | by majkinetor 5 hours ago

22 comments

  • plastic041 19 minutes ago
    You can render only single characters. First you need to change the HTML "max" attribute of <input> to 1.1 in the "Glyph Thresholds". And set 0.0 for the desired characters and the characters above. Set 1.1 for the remaining characters.

    For example, if you only want the dash, set the dot and dash to 0.0. Then set 1.1 for the plus, ring, and cross characters.

  • fxn2 4 minutes ago
  • greggman65 4 hours ago
  • ksymph 2 hours ago
    This is cool... But I feel like having different color/brightness for each symbol kinda defeats the purpose of it being ASCII when the symbols only correspond to different intensities anyway.
    • Bimos 2 hours ago
      Yeah, with all these colors, any single character should be enough.
  • some1else 35 minutes ago
    Similar Perlin-based effect with mouse reactivity & audio:

    https://srdjan.pro

  • ku1ik 49 minutes ago
    It has very little to do with ASCII but cool nonetheless.
  • kristopolous 3 hours ago
    I had a similar effect for a C program I wrote a long time ago (I think 2007?). Here's a video: https://www.youtube.com/watch?v=H4j-BkwMB20

    and the code: https://github.com/kristopolous/ascsee

    I just updated it so it compiles on modern systems.

    I also found the original version if you like being an archaeologist: https://9ol.es/tmp/gol.c

  • matthew_hre 3 hours ago
    Spent longer than I'd like to admit trying to recreate the Balatro background effect...
  • yanchep 1 hour ago
    Trippy!

      browsh https://caidan.dev/portfolio/ascii_clouds/
  • ynac 3 hours ago
    Just throwing a HELL YES <with a kung fu punch> out there for this. Nice work. I've been trying to integrate a live ascii video feature for a while now and the subtle detail on this is really inspiring.
  • lanyard-textile 31 minutes ago
    Miasma!
  • burnt-resistor 1 hour ago
    Neat. It'd be more "ASCII" if it used 8x16 pixel (but right extended to 9x16) characters in 80:133 width:height aspect ratio since 80x25 characters at 720x400 on 4:3 results in 80:133 pixels. An arbitrary sized canvas is cool so long as the aspect ratio is preserved.

    The infamous MCGA/"VGA" mode 13h had pixels with an aspect ratio 6:5, while 320 x 240 Mode X was square (1:1).

    I still remember the unchained offset calculation for the memory offset for pixel memory access before the era of U and V pipes and many optimizing compiler passes:

        unsigned short offset = (((y << 2) + y) << 6) + x;
        unsigned char far *ptr = (unsigned char far*)MK_FP(0xA000, offset);
    
    In real-mode (linear): 0xa0000 + (320 * y) + x
  • firecall 5 hours ago
    Well thats pretty cool!
  • casparvitch 5 hours ago
    Would love this as an audio visualizer
  • arionmiles 1 hour ago
    Dope!
  • baalimago 2 hours ago
    Here I'm being ridiculous but I was a bit disappointed that it was a canvas rendering and not a mono-font text block
  • imvetri 1 hour ago
    What is this?
  • functionmouse 5 hours ago
    What do you see in the clouds?
  • tomiezhang 2 hours ago
    That is magic
  • imdsm 5 hours ago
    that looks pretty good
  • Padriac 4 hours ago
    I don't understand.
    • keyle 4 hours ago
      I think it's just a technological show piece, basically built on top of open source libraries and a couple of algorithms.
      • imvetri 1 hour ago
        Lets let author explain. Our explanation might derail newbie readers
    • imvetri 1 hour ago
      Same here
  • r0075h3ll 2 hours ago
    nicee