JavaScript Projects
Not So Starry Night

A screensaver-esque program that reacts to user input through mouse interaction.

Coded in JavaScript using p5.js libraries

Run Program
See Code



Worm Game

My own interpretation of the classic "Snake" game where instead, a colorful worm pursues various fruits on the screen. He communicates with the player as he is guided towards the fruit in a playful way.

Coded in JavaScript using p5.js libraries

Run Program
See Code



"What Do You Have? ..."
"A Knife!"

Another p5.js project exploring the "idle game" genre where Roombas calmly traverse a furnished room. Inspired by a video from the social media, Vine, and people attaching objects to Roomba robots. The Roombas and other objects are drawn using vector-based graphics from the p5.js library.

Coded in JavaScript using p5.js libraries

Run Program
See Code



Crazy Painting

A custom browser-based drawing program with unique algorithm brushes that can create abstract and colorful works. I was inspired by natural patterns found in plants and space photos. I wanted to create a fun drawing with unique functions that users can play around with and receive a whimsical experience.

Coded in JavaScript using p5.js libraries

Run Program
See Code

A collection of artworks made using the painting program and its various algorithmic brushes.

Click the image to see each piece more closely



Web of Life

A Tree unravels in a dark expanse and elliptical Creatures bloom forth from its branches. As they crawl around, they weave together an intricate pattern of webbing until suddenly gaining a burst of energy. The Creatures then flow together in a wonderful rainbow of hues.
Each new run of the program has a slightly different weaving and flowing behavior.

Coded in JavaScript using p5.js libraries, Video compiled in Adobe Premiere Pro
Music by OBLVYN - "A Mere Blip In Your Timeline"

Run Program
See sketch.js & Bloom Code
See Boids Code
See Flock Code
See Recursive Tree Code



Website Background

The blooming and reappearing of shapes in the background of this very website!
The blooms will differ in size and position with each visit or reloading of a page on the site.

Coded in JavaScript using p5.js libraries

See Code