billy.ball

;readme.md


billy-ball is a portrait of an 8ball named “billy”, draw using text “erasure” and behold his presence in the “ASCII” style. It is less a portrait, rather a subconscious desire to learn a mastery level of the game pool (‘8 ball’).

Using the mouse, simply hover over the text rapidly to reveal a grayscale (ASCII) drawing of the imported image of billy. If the mouse is pressed, a “transparent” red circle appears directed by the cursor. call your shot…

GITHUB REPO:https://github.com/consumedlocusts/cart253/tree/7e4ea697970b4ef06acc58c206926f95ec65dda0/topics/billy-ball

WORKING:https://consumedlocusts.github.io/cart253/topics/billy-ball/

billy.ball, screencapture of programmed ASCII effect, p5js, 2026.


;description

This project marked a shift from simple ellipse drawing to using for loops and character indexing to manipulate text. It introduced core concepts such as global and local variables, pixel access, and image preloading. I built a grid system that maps characters to image data using row and column logic. By converting pixel brightness into grayscale values, I created an interactive ASCII image where each character corresponds to tonal brightness.