Module 3 Formstorming

Weekly Activity Template

Saksham Anand

Project 3

Module 3

Module 3, Activity 1 is about exploring creative coding by using Makey Makey buttons with p5.js to build and document 25 interactive physical digital experiments.

Activity 1

Press SPACEBAR - the canvas background randomly changes color. Simple interactive flash effect Press ARROW KEYS - moves a circle around the screen in the direction pressed. A basic motion interaction. Press UP_ARROW - circle grows, DOWN_ARROW - circle shrinks. Interactive scaling effect. Press LEFT/RIGHT ARROWS - changes background hue through rainbow colors. Shows color cycling interaction. Press SPACEBAR - spawns a small circle at a random position, which grows over time. Fun, dynamic pattern creation. Press LEFT/RIGHT ARROWS - manually rotate a central square, while it slowly rotates on its own. Visual rotation interaction. Press ARROW KEYS - changes direction and speed of a bouncing ball. Interaction combines physics + control. Press SPACEBAR - creates a burst of particles that spread and fade out. Explosive visual effect. Hold ARROW KEYS - draws a fading trail following the mouse. Creates a soft, motion-based drawing effect. Press SPACEBAR - resets a continuously spinning spiral. Automatic rotation with reset interaction. Press any letter key - typed letter floats upward, shrinking as it moves. Text-based generative animation. Press SPACEBAR - text quickly grows in size, then shrinks back smoothly. Animated scaling effect. Press R, G, or B keys - changes the background’s red, green, or blue component randomly. Interactive color mixing. Press any key - adds a line connecting random points. Creates evolving abstract line patterns. Press UP_ARROW - spawns shapes moving upward (gravity effect), DOWN_ARROW → clears shapes. Simulates gravity interaction. Press SPACEBAR - generates a random 8-vertex polygon at the center. Geometric generative design. Press any key - gradually darkens the canvas. Interaction creates a fade-to-black visual effect. Press UP_ARROW - increases color saturation, DOWN_ARROW - decreases it. Interactive color gradient control. Press SPACEBAR - shoots colorful confetti pieces in random directions. Celebration-style visual effect. Hold UP_ARROW - makes a central circle pulse bigger and smaller. Continuous pulsating interaction. Press SPACEBAR - spawns emojis falling from the top of the canvas. Fun interactive visual pattern. Press UP/DOWN ARROWS - moves a paddle vertically along the left side of the screen. Simulates a basic game mechanic. Press LEFT_ARROW - slows animation, RIGHT_ARROW - speeds up. Displays a sine-wave pattern responding to keys. Press LEFT_ARROW - adds a green rectangle, RIGHT_ARROW - adds a red rectangle at random positions. Generative pattern with color control. Press any key - draws random lines across the canvas, removing older lines after 40. Dynamic, generative abstract art interaction.

Activity 2

put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades put a description here or you will lose grades

Project 3

Final Project 3 Design

PLACEHOLDER TEXT, replace this with an actual description

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit
×

Powered by w3.css