goodcoral.png

PLAYING WITH CODE

THE PROJECTS

This is a collection of fun, interactive experiments created using JavaScript (p5.js and Node) and Processing.

*Note - Sound is required for all.*

TIMELINE

17 Weeks

January–February 2018

September–December 2019

TEAM

These were solo projects.

KEY GOAL

Improve my JavaScript and processing skills through playful experiments.

PONG
REDREAMED

This is a reinterpretation of the game 'Pong,' designed to illustrate the common dilemma of having to choose between sleep, friends, and work.

The user must click the screen when the 'You' ball collides with one of the paddles, however, the ball moves very quickly and can only be maneuvered on the y-axis.

Freshman 15

This is a classic arrow-key-controlled game, that parodies the concept of the 'Freshman 15' - weight gain caused by stress-eating and poor culinary skills in one's first year of college.

CORAL
BLEACHING

This is an experiment using API queries for data visualization.

I used Node.js to query the Giphy API for images using the search terms 'coral reef,' 'sharks,' 'sea turtles,' and 'small fish.' The API calls are triggered by the slider, with the slider position also determining the size of the canvas, thus illustrating the decline of the populations of various animals in the marine ecosystem due to coral bleaching.

BEAUTIFUL
BEATS

These compositions were created in Processing, using the frequency data of songs in different genres to generate animations.

KEY TAKEAWAYS

Throughout these projects, I greatly improved my skills in vanilla JS, as well as picking up p5.js, Node.js, and Processing. This was also my first attempt at making light-hearted and experimental games/compositions, which I thoroughly enjoyed.

Like what you see?

Let's chat.