Posts

Final Project- Taxi Game

Code: https://glitch.com/edit/#!/final-project-nyc?path=index.html%3A1%3A0 Video Presentation:  https://drive.google.com/file/d/1J74zfVLNfqdXFSAt9HKK2z_UgSlFmQiU/view?usp=sharing      For my project, I created a run and jump game. It is New York City-themed so I used illustrator to create a taxi and the city skyline. I watched the coding train video to learn how to code a game like this. The goal of the game is to use the space bar to jump over the potholes. In general, I think the project for me was very successful as I made many discoveries along the way and stuck to my calendar of work that I projected for myself at the initial proposal.       In terms of discoveries, I learned how to make new sketch files that separated the classes of the taxi and hole from the javascript file which made it easier to look at and mess with. I also learned how to randomize an object, in this case, I learned how to randomize the pot hole so it was not a continuou...

Proposal Presentation

 https://docs.google.com/presentation/d/1WWBf62Fwf89Vn1hpEymwFMaFohQ4hlE-glLmp9q72BU/edit?usp=sharing 

Video/ Audio homework

 https://editor.p5js.org/kmccloskey2/sketches/2lnCctddT   For this homework I attempted to make a video with a random tint. I liked the video example from the Youtube lesson that had a pink tint to it. So, for this, I used a conditional statement to correspond the video to change with the sound. A challenge that I had when completing this assignment was trying to figure out how to only have one video shown. It was frustrating because when I figured out I was missing something as simple as video.hide(); it all came together after spending much time figuring that out. I decided to use a slider to create the sound and when the sound is paused, the video tint is no longer random. 

Homework using poseNet

  https://glitch.com/edit/#!/drawing-rainbow-nose?path=script.js%3A1%3A0 This concept was little more frustrating and hard for me to figure out then other concepts from the semester. It took lots of remixing and trial and error with figuring out how to make the objects follow the body parts. It was mostly difficult because after watching many YouTube videos of examples, it seemed that everyone had a different way of using poseNet in their code. Specifically, it was hard to understand how the computer knows the position of the x & y values of a specific body part. The amplification part of the code was alot of trial and error because I had to change it to find the right number to make it look like the user is drawing because most of the time the circle was not following the nose or anywhere near it. The other aspect of the code that may not look like much but took me a while to figure out is the position of the text. This is because I am not used to making the canvas size the en...

OOP & Arrays Homework

 https://editor.p5js.org/ltomlinson/sketches/5JSxx32Zr For this homework, we first met on zoom which was very helpful to me because Lennon was very familiar with the concepts. While on zoom, we looked at past projects which were useful for me to see examples of how classes and arrays can be used. For this project, Lennon coded the design which was very unique and a very cool concept. This collaboration was very helpful to me as Lennon was able to help me understand the concepts better through this code. A lot of the implications of using arrays and classes were new and advanced for me so seeing so being able to ask questions about specific lines and concepts in the code through the process is great for me to use in my future projects. 

example of classes being used

 https://editor.p5js.org/p5/sketches/Mobile:_Shake_Ball_Bounce   Here is an example that I found that uses classes. The class is used in this code to create one function of "Ball" which is then used to make multiple balls. All of the balls have different movements and sizes even though they are called on in the ball function once which makes the code shorter and easier to read. The balls all look different in terms of shape and motion because the code uses the random function. In the constructor, the code uses different functions that are simplified and separated by what they are doing such as shape, display, and move.  

Partner code with functions

 I turned my partner (Jacquar's) code into functions. https://glitch.com/edit/#!/jacquar?path=script.js%3A29%3A0 original:  https://editor.p5js.org/jacquar.michael/sketches/fTKSkzqTM