Interactive Media Arts
Link to the live project Link to the code Project: This is my css code to display my first ever mini project in CCL. I had a lot of struggles with this, as it is different from what I have become accustomed to in p5js. I am happy with how the header turned out, and… Read more Sketch Gallery Page
Project Title: Culture Link This is a representation of a bacteria culture inside a Petri dish. The color is randomized and the bacterium themselves have many different interactive functions. They will avoid the mouse, are created with mouse click, rotate, and grow and shrink. They can also be taken away with mouse dragged. An important… Read more Particles – Culture
Title: Ghost Dance Link This project is of a little ghost that dances by moving its arms and bone legs while also floating up and down. A part of this code that was difficult for me was trying to get the arms to move up and down and the legs to move in and out.… Read more Object Dancer
Project Title: Bacterial https://editor.p5js.org/jperry/sketches/bp1sFuMfk This project is a design of a bacteriophage virus that I have turned into a creature. This code was fairly difficult for me because I found it hard to work together with all the rotations and translations. If I wanted to move the order of my functions, it was difficult to… Read more Imaginary Creature
The title of this piece is ‘Static’ https://editor.p5js.org/jperry/sketches/xJ392Y_f_ Link to all alterations to the pattern: https://drive.google.com/drive/folders/1nxEaiLGYVyVNkIIYHbunBH7BaV5hFuqD?usp=sharing This piece is supposed to show a transition from color to black and white with the color feeding into the square path that then leads to black and white smaller squares. for (var i = 10; i < 600;… Read more Patterns ‘Static’
https://editor.p5js.org/jperry/sketches/_c1ZdsAwz GIFs: https://drive.google.com/drive/folders/1W71_ftURNEb3jq9eyk16Ty-xXDvgNEyH?usp=sharing This project was inspired by mood rings that change color based on the heat from your finger. I wanted to portray this through happy and sad emotions, with the happy able to overpower the sad. The faces and color pallets are changed by the movement of the mouse. Within my code I… Read more Generative Motion: Mood Ring
Project (JP Paint) : Full Screen: https://editor.p5js.org/jperry/full/BV1E6Gx7Y Editor: https://editor.p5js.org/jperry/sketches/BV1E6Gx7Y Demonstration: https://drive.google.com/file/d/1b6_uZjG5eXTpf3IBlNmgLRTO-qgkEANA/view?usp=sharing This project is titled JP Paint because I took inspiration from MS Paint. The purpose of this project is to be an interactive drawing program with a fun interface. The most difficult part of this code was creating the button that clears the page. I… Read more Interactive Drawing (JP Paint)
Link to the final project: https://editor.p5js.org/jperry/full/hzTTN9m7d This project is a recreation of a photo I took of my dorm bed with my stuffed toys (right). I chose this photo because although it seems slightly challenging, I felt the shapes of the toys were very simple once broken down into pieces. Before beginning to code the… Read more Mini Project 1. Drawing with Code