OVERVIEW
In this project, I created six sketches fitting in different criterias: static, random, infinite loop,
interactive, audio, and audio + visuals.
GALLERY (also linked to dedicated page in nav bar)
DEVELOPMENT PROCESS
These are the main steps I took in approaching this project.
Reading up on p5 documentation
Looking at example p5 artwork for inspiration
- Sketched out intial concepts on paper
A lot of trial and error in drawing out exactly what I wanted
Looking up related p5 examples to dissect the code
Adding animation loops, trying out different motions
(2 mid-process photos shown below)
ISSUE DEEP DIVE
Per usual, there were a lot of problems I ran into in the process. One of the bigger ones was
trying to have a loop animation with my triangles at the top of the house. I had trouble
having the animation bounce back and forth, or continue without straying off the page.
I approached this problem with several steps, including:
Double checking my coordinates to where I wanted the animation to end
Looked at bouncing ball code examples to understand how to increment time and dimension
- This is where I added a global t variable and an if statement to have t increase when moving right and decrease when moving left
My code was working a bit more, but the loop was starting over instead of bouncing back
- I added a global movingRight variable and set it to true
- I changed the variable to "false" whenever the loop ended at a specific coordinate
In the end, I was able to have a looping animation that bounced back and forth
IDEAS AND FUTURE WORK
Here are some ideas for improving on the gallery:
I'm hoping to later work on implementing navigation arrows between my sketches
Try animating some characters in the house
Having a day/night (or light/dark) mode
Having the face on the star be able to turn dark when the background color is light (for contrast)
KUDOS
I got lots of support and resources during this project, including:
