• 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. The fullscreen link worked for me, I hope it works for you too, you should see a moving bar in the center.
Shown: Serotonin reacting to low volume Kanye played through iPhone near mic input channel for a laptop
  • Best tested with a song that has a range of volumes, including silence, build-ups, drops, etc.
  • Note: If mic input animation is being run in the edit link, it may not work in the fullscreen link. …

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 used a variable ‘en’ to track effects from keys changing en’s value. Functions for separate screens, objects, and functions such as the score bar are used for organization. Within these functions, conditionals such as nested if-else statements allow for specialized actions.

You are dead, and you can actively seek or…

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 allows for every other created square to be rotated to create dimension, and I used frameCount often to create movement. …

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, and hovering over the (?) will provide a brief instruction rundown!

For this project I utilized:

  • functions-to coordinate objects and animations as well as assist in the organization
  • nested if-else statements for the button and intro page functions (pmouseX/Y, conditionals such as <,>,= to trigger events or values)
  • Used keyTyped…

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