Introduction to Computational Media Final
Link to my sketch: https://editor.p5js.org/nickgran321/sketches/TRSkJH0fb Link to my code on Github: https://github.com/nickgran321/Nick-Grant/blob/master/Introduction%20to%20Computational%20Media%20Final For my computational media final, I created a visual representation of five pages from I Remember by Joe Brainard. I had this idea for quite some time. I studied English in undergrad and dabbled in video production. My last year of college, I […]
Week 5: Sound as Media
For this week in Computational Media, I created an educational guide about animal sound facts. To develop the guide, I created a large number of functions. Throughout the assignment, I encountered some very challenging coding issues. Link to the correct p5.js sketch: https://editor.p5js.org/nickgran321/sketches/WlUrZLw9L Link to the correct p5.js sketch on Github: https://github.com/nickgran321/Nick-Grant/blob/master/Introduction%20to%20Computational%20Media:%20Animal%20Audio Link to the […]
Week 1: Images and Pixels
For my pixel artwork assignment, I created a human to digital converter. Throughout the process, I learned a great deal about pixelation and implementing elements outside of sketch.js. Link to p5.js sketch: https://editor.p5js.org/nickgran321/sketches/mtJeQxHj0 Link to code on Github: https://github.com/nickgran321/Nick-Grant/blob/master/Computational%20Media:%20Week%201%20Pixels I first began by simply pixelating my video capture. I created a for loop within a […]
Week 6: Objects and Arrays
NOTE: My preview does not contain music or moving hands. I am still learning how to embed my p5.js sketches that include downloaded files. Link to the full version of my sketch: https://editor.p5js.org/nickgran321/sketches/oyYtKpG58 Link to the code on Github: https://github.com/nickgran321/Nick-Grant/blob/master/Computation%20Media%20Week%206:%20Objects%20and%20Arrays For my sixth week in Introduction to Computational Media, I created an evil eye guide. […]
Week 5: Functions
For this week in ICM, I experimented with using functions to compartmentalize my code in three sketches. I found the process to be a lot of fun! Since I always work with multiple objects in my sketches, creating functions that take parameters and return values opens up a lot of possibilities. I first reworked an […]
Week 4: Repetition with Variation
For this week in computational media, I created a non-interactive sketch that implements for loops. Link to my sketch: https://editor.p5js.org/nickgran321/sketches/Dx0tawWN2 Code on Github: https://github.com/nickgran321/Nick-Grant/blob/master/Computational%20Media%20Week%204:%20Compositions I started small with squares and ellipses that change color each time the sketch is run. In my for loops I created an initialization condition, the Boolean expression, and the incrementation […]
Week 3: Conditionals
For my third week in ICM, I created a rule-based animation that incorporates motion, interaction, and a user interface element. Link to the sketch: https://editor.p5js.org/nickgran321/sketches/u9Hl70WHe Link to the code: https://github.com/nickgran321/Nick-Grant/blob/master/Computational%20Media%20Week%203:%20Conditionals My partner Zach and I created a comical interactive game. The opening screen is a red button with the title “Do NOT click the button.” […]
Week 2: Animation, Variables
Link: https://editor.p5js.org/nickgran321/sketches/dcMAZeHv3 For the second week of computational media, I created a few elements. The elements are either controlled by a mouse, change over time independently of the mouse, or are different each time the sketch is run. I chose to not create too many variables because I wanted to thoroughly understand how each one […]
Week 1
Link: https://editor.p5js.org/nickgran321/present/ETqCGF-RV I am excited to experiment with p5.js! I am not familiar with computation, but I seek to apply the skills that I will acquire to my political projects. In undergrad, I majored in political science with a focus on conflict transformation. I seek to develop interactive technology that may serve as a unique […]
