• Video and Animation
  • Stained Glass Art
  • 2D Art
  • 3D Art
  • Creative Coding
  • Comissions
  • About Me
  • Contact Me
  • My Shop
Sophia Qin
  • Video and Animation
  • Stained Glass Art
  • 2D Art
  • 3D Art
  • Creative Coding
  • Comissions
  • About Me
  • Contact Me
  • My Shop

Creative Coding

For my Intermediate Interactivity and Computation class, I was given one week to complete each assignment based on my professor’s introduction to a new programming tool. These exercises were my short introduction to the wide range of art that can be generated by code.


 

Praxiniscope

 Tool: Processing

 

Animated Loop

Tool: Processing

 

Clock

clock-1.gif
clock2.gif
clock3.gif

This is an abstract clock that accelerates the decaying process of a clementine. The size of the mold and the amount of it is mapped to the seconds of the clock as time goes by.

Tool: P5.Js

 

Asemic writing

View fullsize Screen Shot of Image Coded
Screen Shot of Image Coded
View fullsize Drawing Plotter Drawing Code
Drawing Plotter Drawing Code
View fullsize End Result of Drawing Plotter
End Result of Drawing Plotter

This is a generative code that I made to create variations of chairs in a writing language. The chairs have an underlying structure (1. Seat, 2. Legs, 3. Back) that can be built upon to create different variations and designs.

Tools: P5.JS and AxisDraw

 

Speech

ezgif.com-video-to-gif (18).gif
ezgif.com-video-to-gif (19).gif
ezgif.com-video-to-gif (20).gif

I used P5.JS speech to detect language to create a “dummy” robot program that will take in anger. When you speak to it, the program will detect all the swear words and grow acne on the dummy robot. I wanted to explore the concept of concept of catharsis, and how releasing your anger may not always be a good thing.

Tools: P5.JS Speech, Javascript

 

Motion Capture

Interpolation@2x.png
Mocap-4-1.gif

Tools: Processing, Motion Capture