EXPLORE
AESTHETICS
WITH ME ~
I code and dance.
I want to learn how to VJ.
I like interactive installations and physical computing.
I'm from HK <3 and based in Brooklyn, NY.
[z]: zoom in, [s]: spin, [spacebar]: pause, [e]: for ellen

Visual Programming Sketches

openFrameworks, Processing, Max/MSP, TouchDesigner, GLSL


Kinetic Typography with Chinese

Check out some sketches I create with Chinese characters on the links below!

GIPHY / @codebrewed

#FF0000, #0000FF, #FFFF00, #000000

The idea of animating a Mondrian painting never left my head after visiting Stedelijk Museum. #FF0000, #0000FF, #FFFF00, #000000 pays tribute to Mondrian's Compositions with Red, Blue, Yellow and Black with GLSL shaders. With the use of Perlin noise, it generates a unique Mondrian composition at each frame.

Code

Blob in Coma

Blob in Coma is a simple visual sketch resulting from a study of two-dimensional metaball effect in TouchDesigner.

Code

Chaotic Planet

Particle system built by forking keijiro/KvantStream.

Imagine a universe where stars collapse on the planet in a spiral loop. Chaotic visual is introduced by hitting spacebar.

Code

RGB Test

RGB Test visualizes the change of individual RGB values.

Design

HTML5 canvas, ReactJS, Three.js, D3.js


Kelly Li

Portfolio site for Kelly Li, featuring her photography, reel, and 2D animations as stickers which users can drag around.

Design by Kelly Li. Dev by Ellen Lo. Concept by us :)

Site

remigai.com

My 1st time doing both design and full stack dev! 🎉

I designed and implemented a fully custom Wordpress theme and CMS from scratch for Remi's blog, where he shares insights on blockchain, cryptocurrency, and technology. The site has a minimalistic look and playful hover interactions to preserve the informative nature while retaining the elements of play. Estimated reading time and reading progress bar are also included to increase user engagement. To support Remi's enthusiasm for crypto, I integrated MetaMask API so you can tip him in ETH with the Chrome extension.

If you would love a site with custom CMS and interactive elements, feel free to reach out for a quote!

Site

The Internet is my Main Course

The Internet is my Main Course is a dinner party series curated by Hilda Wong. I developed the RSVP site and implemented custom video controls for the trailer.

Site / Code

Lost Code

Lost Code is a graphic design project exploring the friction in translation.

Design by Hilda Wong. Development by Ellen Lo.

Site / Code

Axis Mundi

Axis Mundi is an experimental exhibition project exploring man’s attempt to override nature with technology and nature’s resistance.

Identity design by Hilda Wong. Web and installation development by Ellen Lo.

Site / Code

Public Art Data Visualization

With ReactJS, HTML5 canvas, and D3.js, the map visualization was created with Cambridge Open Data's public art dataset.

It provides an alternative for visitors to discover public artworks in Cambridge, MA through their color combinations and materials.

Code

Physical Computing

C/C++, Python, Arduino, Raspberry Pi, Linux Kernel Programming, Qt


A Study of Motion and Tension

The kinetic sculpture is a work of collaboration with Jake Abraham. As a study of motion and tension, it was developed over the course of our internships at Volvox Labs. It comprises 16 micro servos with custom cut servo arms, 1 Arduino Uno, a 12" x 12" cheesecloth, steel cables, crimps, 3 Aluminum rods, and plywood.

The installation continuously runs a sequence of 6 different animations at an update rate of 60 Hz. By altering the speed, the amplitude, and the wavelength of the sine functions, the sculpture embodies sea waves under different weather conditions.

Code

FLUID

FLUID is a study of dynamic motion as an ever-changing form. This interactive installation involves laser sensing, custom LED lighting, and physical computing technology. The triptych features interactive animations, titled - DEW, WAVES, and RAIN. The installation recreates and pushes the everyday interaction humans have with matter in different fluid forms.

The triptych is a 95” by 40” digital canvas mounted onto the wall. The lights are encapsulated in a custom CNC cut alucobond frame with patterns. They mimic the natural flow of fluids through a scalloped-like pattern. By using LiDAR sensing technologies, distance between each canvas and any object in front becomes the major interface for interaction. The audience is invited to observe the flow of lights from afar as well as approach the installation to introduce a change in the display.

IoT Experiments

Here is a collection of IoT experiments created in C, Node.js, NoSQL, and Python with the Huzzah board, Raspberry Pi, and various sensors and motors.

The repo and playlist contain source code and demo videos for RC car with live camera feed and node server, smart key with real time graph and IR message decoding, and alarm clock with servos and alphanumeric display.

Code / Playlist

Human-computer Interaction

Unity, OpenCV, HTC Vive, Leap Motion, Kinect, Tobii eye tracker


ofxFaceTracker experiments

These visual sketches are created with ofxFaceTracker. The first mimics the effect of breath condensed on glass surface when we exhale, the second portrays a rather comical effect of swirly eyes in animations, and the third is a ofxBox2d test using facial features as obstacles that bodies can bounce off.

Code

Virtual Jenga

Surrounded by skyscrapers made from vertically stacked blocks, which resemble the look of jenga, players can shoot bullets into the architecture with their controllers and experience the apocalypse within the virtual environment.

Blog

Virtual Ball Pit

Implemented with Leap Motion, the experiment Virtual Ball Pit challenges players to touch intangible, nonexistent objects with their hands in a tangible, virtual environment.

Code