• I tried to embed it in Medium using CodePen, but I don’t think Medium is compatible with the mic input part of my project since I wasn’t prompted to share my microphone. …

Currently, I have started creating the loading screen/instruction screen and will be filling the game during this weekend/next week. All my other classes have their finals due earlier this week so I wasn’t able to prioritize assignments for this class since this final is last which is why I didn’t have much time to work on it.

Directions: Use your mouse to guide your tiny character circle through a field of obstacles, and try to retain as many lives as you can!

My Hero class takes no variables and contains methods for creating each enemy instance, as well as the collision code. I also made a Setup class to house some values I wanted to call since I was having some issues with ordering my calls once I started using classes. Your life count is shown in the corner, and conditionals were used to do that as well as to trigger other events such as the death and win screens. A for loop was used for the background.

The first reference inspired my in-game color palette, and I didn’t involve shooting, but space invaders inspired the dropping down enemy dynamic. The final reference inspired the minimalistic interface.

Reference 1


I did another rework from the last assignment to give a new variation from the original recreation of Tim’s work and used the variations as just the background graphic. The counter next to the controls records the y-direction from the middle and shows where your y position is, and…

For this assignment, I recreated Tim’s piece (https://www.instagram.com/p/CK-deO8Dub5/) in the first codePen. In order to create the stacked shapes, I used a for loop and some variables to make the layered rounded squares decrease in size as they’re stacked upwards by the loop. A “flip” variable…

Inspired by Day N’ Night by Kid Cudi
  • Instructions: Click anywhere on the screen to initiate with the piece, then: (N)=Night mode, (D)=Day mode. Moving your mouse allows in these modes allows you to experience opacities, and using your mouse to click the screen will cause an extra effect. (M)=menu…

The function random() and the variable pmouseY were used to create the motion effects used in my code for “Turbulence”. The object is perceived as falling towards the orange corner because of the fluctuations of the light field propelling “towards” the house. Random() was used to create a lot of the variances in positioning and opacity, and pmouseY allows for the user to test the turbulence the object experiences as the user moves their cursor up and down. At y=200 is the “stable” spot, moving up or down from there increases the instability.

Caitlin Ponder

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store