Creative Coding

Experiments in interaction, motion, systems, and computation through p5.js and python.

Experimental Clock: Apollonian and Dionysian

The concentric rings and radial grid still reflect Apollo’s rational clarity, but the counterclockwise motion of the minutes and seconds deliberately breaks the expectation of time’s usual direction. This inversion destabilizes the viewer’s sense of order, echoing Dionysian disruption. The roly-poly form amplifies this instability with chaotic tilts, restoring balance and showing how order and chaos continuously negotiate with one another.

Experimental Clock: Wrapping Reversally

Time wraps continuously around a split, reversed play-button form, advancing only through its own looping motion and the viewer’s interruptions.

Data Portrait: Questions of Dating and Marriage

I chose to track how often people asked me questions or made comments related to relationships and marriage. This habit is not about my own actions, but about how social expectations and external voices repeat in my daily life. Tracking these questions helped me visualize how much others’ perceptions shape and intrude upon my personal choices. My inspiration came from the shape of a hand with rings.Each ring corresponds to a different category of question.

Random Face Generator

Random Face Generator inspired by my sister's illustration for our siblings

Autobiographical Game

An autobiographical interactive game that traces an encounter with sudden injury and explores how we repair ourselves in the face of life’s unpredictability.

Interactive Typo Webpage(Click!)

Multi-sketch interactive typography system with navigable structure

Care Load Calculator

Interactive HTML/CSS/JS tool examining emotional labor, mediation, and relational imbalance.