For my Intermediate Interactivity and Computation class taught by Professor Golan Levin, I was given one week to complete each assignment, where he would introduce a new code/art concept or programming language. These exercises pushed my coding ability and conceptual ideas, as I had to execute a creative programming project within a week.
Note: Some images may be alarming
Role: Art, Programming
Tools: P5.Js, P5.Js speech, JavaScript, Processing, Motion capture software, Unity3D, C#
This program outputs a blooming flower for a praxinoscope machine, which is an old fashioned animator. For this project, I wanted to create interesting forms and symmetry using only lines, circles, and code. Much of the experimentation came from the “push” and “pop” function that helped create a complicated blooming flower image.
Tool: Processing
This is a fox which is coded to show the underlying structure and geometry of the skeleton of the animal. It shows the duality of character of the fox. I’ve used Golan Levin’s easing functions for the animation, and upon further iterations, I would push the animation to be more natural and make the geometry more interesting.
Tool: Processing
This is an abstract clock that accelerates the decaying process of a clementine. It is meant to show how decay and time are related, and how decay can sometimes be beautiful, disgusting, and add on to the passing of time. I've made it 3D to create a more visceral and real feeling to code, which can sometimes be flat. The growing of the different types of mold is mapped to the seconds and milliseconds of a clock.
Tool: P5.Js
This is a generative code that I made to create variations of chairs in a writing language. Anemic writing is a fake language to describe anything, and this is a language for chairs. The chairs initially have an underlying structure (1. Seat, 2. Legs, 3. Back) that can be decorated and built upon to create different variations and design. My design is plotted in AxisDraw, a robotic drawing machine.
TOOLS: P5.JS and AxisDraw
I have used P5.JS speech to detect language to create a “dummy” robot program which will take in anger. When you speak to it, it will detect all the swear/hate words and grow acne on the dummy robot every time it detects the swear words. I made it pretty realistic and gross looking to experiment with the combination of real textures and digital objects, and to emphasize the nastiness of anger. I think of this as a means of catharsis and a means where people get rid of their anger. However, it also mirrors the aftermath and real imagination of hatred, which might not be a good thing.
Tools: P5.JS Speech, Javascript
For this project, I firstly experimented with Mocap on Processing and the idea came naturally. I took bvh files for dancing from the CMU mocap library (Salsa, ballet, Russian) and interpolated them with lerp to get the “average dance” of all the dances. For this part, I matched Salsa with Ballet, Salsa with Russia, and Russian with Salsa. I then lined the dancers up and filled them with rainbow hue, making sure the interpolated dances had the midtones. Conceptually, combining various cultures together through dance is an interesting concept because there are natural and political barriers that prevent cultures from mixing. However, naturally different cultures grab ideas from other cultures and inject them into their own lifestyles.
Looking back, I wish I made the graphics better, with the attire of the dancers matching with the type of performance. To revise this project, I’d can choose more culturally opposite dances to make the interpolation more graphic
Tools: Processing, Motion Capture