Info   

Creative Computing


Duration
Fall ‘18 (avg. ~ a week) 

Skills
p5.js, WEBGL
Overview
Fun explorations with WEBGL and p5.js 







Loopy Bouncy Fly!


A modular animated gif loop using fun mathmatical equations!


⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰 ⏰ 🕰




Double Pendulum Clock 


A double pendulum arm that tells glimpses of real time if the first angle of the double pendulum ever passes by the correct "angle" at which time it is. If and when it is so, the pendulum highlights a bright orange, and marks the path a bright orange as well. For the rest of its journey, however, the pendulum path just follows a gradient of light blue to dark blue, on a loop of 60 seconds, to indicate when a minute has passed.


🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢 🐢




Re:current


“Re:current” is a project utilizing 3D graphics from WEBGL in order to manipulate arrays and variables to create interactive cyclical experiences — 1. a “current” like nature of manipulating a wave of spheres using curves to mimic ocean-like wave that changes color over time and 2. a looping interaction of adding toruses which rotate around a 3. perennially rotating cube.