CP1: Interactivity – Homework

So far we've only created static images, but that leaves out a huge part of what p5.js can do! Diving into interactivity (and, soon, animation) we'll create sketches that respond to mouse and keyboard input. In his paper "The Art of Interaction: Interactivity, Performativity, and Computers," David Saltz describes interactive art as having three things: 1. An input device that translates one's behavior into digital form 2. That the input data affects the output 3. And that the output is translated back into real-world phenomena that we can perceive, all in real-time For this two-week project, your assignment is to build a sketch that responds to mouse and/or keyboard input in a visual way. How you approach this, and what it looks like, is up to you, but the result should be a unique exploration of interactivity and the visual. Like the Randomness project, try to pack as many interactive elements as possible! Think about ways the mouse, keyboard, and other inputs could change: 💡 Position (stillness, motion, speed) 💡 Size (things get bigger, smaller, appear, disappear) 💡 Shape (number of sides, switch between shapes) 💡 Rotation (angle, faster/slower, start/stop) 💡 Color (shift or flicker, lerpColor(), HSL mode) 💡 How many of something (end condition of for-loop) 💡 Complex conditions (nest if/else statements depending on interaction) 💡 Constraining movement or changes using map() Remember! The way your finished code interacts with the viewer and the visual results it creates are what's important: fancy code + boring output = boring art. Same goes for "feature creep" (aka the potpourri approach). Don't worry about trying to build a drawing app or physics simulation; instead, try thinking about ways to make the kinds of sketches you've created so far change using mouse and keyboard input. 🖥 https://github.com/jeffThompson/CreativeProgramming1/tree/master/Week07_Interactivity ALL THE VIDEOS IN THIS UNIT 🎥 https://www.youtube.com/playlist?list=PLsGCUnpinsDkEBs6Ug9J_RCULw3D7Wj0P