2/25/21

Three references that helped me with my game

  1. https://editor.p5js.org/dlobser/sketches/VNqJYG1db (Links to an external site.)
  2. https://www.anypromo.com/auto/hand-tools/16-flyswatter-p611989?utm_source=google&utm_medium=PLA&g=1&calltrk=1&gl=1&glppc=2&gclid=CjwKCAiA1eKBBhBZEiwAX3gql7N9trG9Dck6Mn-miKTEjT_hJ5Nm4wHIjgOcuEBjoQSraTFpBNObEBoCaYcQAvD_BwE

3. https://sightwords.com/sight-words/games/fly-swat/

I first picked an image for the background. I liked this grassy and sun image because you would be likely to find a fly there. Then I started to create my swatter with a grid. Then I referenced the faces from David’s lecture and created a bug instead of a face. I then wanted the swatter to be controlled by the mouse and the fly to randomly go around. Lastly every time the swatter made contact with the fly, the score went up.

https://editor.p5js.org/kensie77/sketches/rkApBv54D

My submission with Codepen wasn't allowing me to add my background image, so here is my p5 link.

--

--

2/3/21

I was thinking about doing bouncy balls but I really liked what I got on my first attempt from using the random function. Then I wanted to use the mouseX or mouseY function, so I thought making lines to go through the circles horizontally and vertically would be cool.

--

--

1/26/2021

I loved the 1st painting presented because of the colors used and the variety of shapes. I had a hard time figuring out how to make the gradient and the loop for the triangles in the green circle. So, I found the second and third images to help add to my design. This was my first time coding and I was able to catch on fast.

I used this tool to pick colors: https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

Here are the three abstract paintings I used to help me create my painting on p5.

--

--