CODE PLAY


Experiments in Gamification, Data Visualization, and Generative Art with P5.JS


Creative Coding         

Ongoing
2023





This game explores the feeling of juggling life's ever-growing to-do list. Represented as particles, tasks appear on screen at regular intervals. Clicking a particle freezes it in place, leaving a visual trail connecting your click to the task. Your goal is to clear all tasks before the simulation overwhelms you. The final image becomes a unique piece of art reflecting your experience in managing the chaos.
Explore the Project







My goal was to create a cityscape that pulsates with the rhythm of the music. After delving into audio visualization techniques and drawing inspiration from Coding Train's tutorial, I transformed the waveform into a vibrant blue skyline. This urban landscape became the canvas for my next layer: the people. Imagine a sparse gathering that gradually swells into a bustling crowd, just like a growing guest list. A single white dot, representing myself, bounces amidst the wave of lines, swaying to the music. My movements might seem random at first, like someone practicing their moves in solitude before unleashing them on the dance floor, but within the loop, a unique dance emerges.
Explore the Project







This generative art project blends art and technology, through the Harvard Art Museums API. It bring images to life, weaving strokes, curves, and rotations into vibrant circular compositions. 
Explore the Project




Client
NYU (Research Project)

Sector
Cultural Heritage
Digital Experience
Education and Engagement

Discipline
Creative Coding
Brand Identity
Software
P5.JS

Adobe Creative Suite
Figma


Project Team

Solo

Role
Art Director, Developer