Web & Processing Experiments - because the future is online.

Light Forest - Web version
Area: Animation for Web, p5
Client: personal project

Light forest is an interactive animation where users can explore a forest at night. Birds, fireflies, squirrels, owls and rabbits have their own behavior when reacting to the light and to each other. They can either be attracted, run away or make sounds. This project was originally created as an installation with a physical flashlight (video).
Check it out the web version here (turn your sound on).


Jewliebots Landing Page
Area: Animation for Web, p5
Client: Jewliebots INC.

Stars are algorithmically animated to follow and to rotate around the mouse cursor. Clicks reset the stars positions to random ones. Built with p5.js. Check it out here.


Area: Live web & Illustration
School: NYU/ITP Fall 2013
Tutor: Shawn Van Every
Partner: Katie Adee & Hanbyul

Scare-o-meter game built in Node.js, allowing live participation online. It utilizes the following technologies:, peer.js, WebRTC audio and HTML5 canvas. This one-week project explores how sharing your audio in real time online can be fun. My role in this project was the design and general front-end development, including the animation of the pumpkin character. I've also helped in coding the socket communication. Here is a link for the animation demo (front-end only).


ITP Data Viz
Area: Data visualization
School: NYU/ITP Fall 2012
Tutor: Daniel Shiffman

Everybody says ITP is a special place because of its community. Students come from different backgrounds and places in the world. I decided to collect this data and create a way to browse through people and discover patterns regarding origin and background. I placed people in cartesian coordinates (background-origin) then I linked people according to the following groups: Humanities, Art, Design, Science in the background axis and North America, South America, Europe, Middle East and Asia/Oceania in the origin axis. I also idealized a card containing extra information for each person and the exact words they gave me for each parameter. This data viz revealed that this year asians at ITP hardly ever come from a Humanities background. Indians come mostly from technology and Brazil is the most present country from South America. Americans are majority in the course and while most of them are from Arts/Media, fewer come from a Science background.

Click and drag to pan. Right click to zoom in and out. Click in buttons to change parameters and in people to see their info. Space bar goes back to start position.

Your browser does not support the canvas tag.

Mandala Maker
Area: Programming
School: NYU/ITP Fall 2012
Tutor: Daniel Shiffman

This Mandala Maker was born as assignment of Intro to Computational Media class. It was made in Processing and Illustrator. You can adjust values in the sliders or have fun with the random button and save results you like as image!

Your browser does not support the canvas tag.

:: back to top