人算不如天算
I was asked to make a blog for the NYU IMA Low Res graduate program. (I started with no tangible experience in interaction design.) Math is nature’s poetry, and these are just diary entries.
Alter-Instagram
Reel
I was asked to make a blog for the NYU IMA Low Res graduate program. (I started with no tangible experience in interaction design.) Math is nature’s poetry, and these are just diary entries.
Alter-Instagram
Reel
IMALR-GT-102-02
WHAT: IMALR-GT-102
This sketch is an illustration of inside voices vs. outside voices. It is audio-reactive (in the p5.js editor file) and requires mic access to experience. Once initiated, if you speak with an “outside voice,” the animation will light up lime green and crimson. When you lower your volume, it returns to the baseline black and white color scheme.
There aren’t that many lines of code in the actual sketch. The difficult part was essentially trying to take a high school trigonometry course from YouTube University. (Shoutout to The Coding Train and kchung for having some of the most visual and easily understandable explanations for the sine & cosine brothers.) It also took a moment for me to realize that using radians instead of degrees for this type of spiral drawing was more intuitive.
The sketch is potentially more aesthetic when it’s feeding off of what I deemed an “outside voice.” Maybe it would’ve been cooler as a sound visualizer? (
On a side note, I was hoping to add an animated gradient background. However, I gave up after three hours and left the code in the sketch editor.
Sources:
The Coding Train - Microphone Input
The Coding Train - Polar Coordinates
FractalKitty
HappyCoding For Loops
kchung P5.JS Sine/Cosine Sketch
Steve’s Makerspace
Documentation Video Track - Smokin’ by Randomer