Exercise 5: Visual Poetry

Description: Randomly spaced hash symbols slowly move across the canvas from left to right. Placed front and center is a white box and the text #hashtag. Tips for user: If the hash pattern makes it all the way across the screen and disappears, refresh the page to bring it back. Finished code: http://alpha.editor.p5js.org/full/BkDRAx16-  I started this project with … Continue reading Exercise 5: Visual Poetry


Exercise 4: Functions and Objects

For this exercise on Functions, I reused the code I wrote for Exercise 3: Patterns. The functionality and appearance is exactly the same as the code written for Exercise 3, except now it utilizes additional functions. This means less code is written in the draw function. Basically, I didn't change any existing instructions; I just … Continue reading Exercise 4: Functions and Objects

Project 1: Generative Art

Description: An evenly spaced stripe pattern makes up the background. When your mouse hovers over a stripe, it changes random colors. Meanwhile, two nested squares rotate around the center of the canvas. Tips for user: Move your mouse over the stripe pattern to see the rainbow colors follow your movement. Finished code: https://alpha.editor.p5js.org/full/HkUux8SnW https://youtu.be/OL46qDKu3lc Developing a Concept: I … Continue reading Project 1: Generative Art

Exercise 2: Motion and Interactivity

   My finished code: https://alpha.editor.p5js.org/embed/rkuV417j- I knew I wanted to create something that was simple and geometric. I wanted the background to move on its own, and to have a circle in the center that was interactive for the user. The background will be composed of evenly spaced diagonal lines that move in an upward-right … Continue reading Exercise 2: Motion and Interactivity