Playful Calming Bobbing ASCII, in blue

https://www.youtube.com/watch?v=qhx9jZ_EHIA

Trying out a hero banner for my websites rebrand. Reacts to mouse cursor dragging across it, as well as finder taps on mobile. I've not messed around with this kind of code before. Ultimately doesn't feel like me- but I'm glad I spent a night figuring out how to do it and trying it out anyway. :) Now I know!

Tried it on the About page too. Here's what it looks like on mobile view in Safari.

Tested in Wix website, clearly. Scales clean. Web browser compatible reacts in both desktop w/ mouse and mobile w/ touch.

While ChatGPT started building the basic framework for this interactive web element, its raw output created a dangerous flash around the cursor which posed harm for anyone with photo-epilepsy. The ASCII characters would swiftly cycle around the cursor when at rest that hurt my eyes- and I don't have photo-epilepsy!

Google search had solutions that would fundamentally change what I had here. Google search is fairly bad these days, but it feels like "how-to's" for this kind of early web design are relegated to Archive.org, if we're lucky.  

In the end I pulled up my sleeves, held my nose, opened up the txt document to troubleshoot through deduction to remove the dangerous values myself! With only one issue needing addressing- a big issue!- it was up to me to figure out a solution.

Identifying timing actions and other values was pretty easy. Finding which values dealt with the immediate danger was tricky but in the end I fixed it. ChatGPT, having never seen any kind of optics that mirrors human sight, didn't understand what the issue was in a way that mattered.

Here's the code in git for anyone who wants it: https://github.com/gigidesigns-netizen/DigitalWavesASCII-Blue/tree/main