Looking Outwards 11

I really like Matt Pearson’s video submission (I believe that’s what it is?) for the Perth Arts Festival. I like how it grew on itself, moving and flowing consistently like a river or how I imagine the northern lights to flow. I also find the colors and forms beautiful that are created and idealy I want the final result of using my final project to be similar to a still of his video. I feel like this would have been even cooler if it was connected to motion or some action of the viewers, something similar to text rain but based off the motions of someone’s finger or head.

If you’d like to see Matt Pearson’s work (my personal favorite are his videos, they work very well building off the music) please check out Zen Bullets (wouldn’t that be an awesome name for a gallery space?).

The second project I found interesting was made by YesYesNo aka Zach Lieberman, Emily Gobeille, and Theo Watson. Foir the launch of the Nike Free Run+ 2 City Pack series, they created a software that would allow runners to create dynamic paintings with their feet using their Nike+ GPS run data. Tyey invited the participants to record their runs and taking the metrics from their runs, creating visuals based on the speed, consistency and unique style of each person’s run.


Using the software the participants were able to play with the mapping and adjust the composition of their run which was then outputted as a high resolution print for them to take home. They also worked with the Innovation Lab at Nike to laser etch the runner’s name, the distance they ran and their run path onto a custom fabricated shoe box, which contained a pair of the ‘City Pack’ shoes from their city of origin.

IO11-10LO11-4LO11-7LO11-8 LO11-5 LO11-6

If you’d like to see more images from this project, just click here or thesystemis for more work by Zach Lieberman and Collaborators.

I liked how the first project was motion based in that everything is constantly moving while the second takes something that was moving and creates art based off of the patterns and data already collected. I think they both definitely give me ideas on what we can do for our project if not a stepping stone of ideas we want to make into a reality.

Final Project Proposal

I’ll be working with Ramya Chinta on the final project. After discussing more about the project, we thought we could go more into the realm of creating generative art with maybe the constellations or other aspects of the natural world incorporated. My interpretation of what we’re planning to make is some program that interacts with the users in some way – definitely the mouse but maybe through a series of randomness added to the clicking or key presses – that changes the characteristics of what is currently being created. The program is probably going to draw itself but the user will have some influence and say in the final result. I know this sounds abstract but I was thinking along the lines of a program like photoshop that creates lines with brushes for you but more animation and self-dependent rather than user dependent. What we want to make is something that’s a tool to make beautiful art that follows your suggestions but mostly does it’s own thing.

I was searching through google images and I think it’d be really cool to make something that can create something similar to the pictures I’m going to include but the key is that it can make all or most of them depending on what choices the user decides to make. I hope this is do-able, I feel like it’d end up much harder to create than I’m imagining in my head.


12271191_1040620149330785_288910779_o/12244228_1040620062664127_1685649934_n-1.jpg”>12244228_1040620062664127_1685649934_n (1)

Project 10 – London Bridge

For this project I thought about the old nursery rhyme, “London Bridge is falling down” and decided to alter the code for the Big Square Mesh provided in springs. Here’s my bridge next to the bridge that comes up the most when you google image London Bridge (it’s actually called Tower Bridge, though it is in London). Mine won’t be able to hold quite as many cars but it’s not bad if I may say so myself.

pic 1London Bridge

You can drag the bridge around anyway you want, though it does come apart.
pic 2

When you’re sick and tired of it, you can just make it disappear by pressing any of the keys.
pic 3

This project was simple in nature but the bridge does everything I wanted it to do and I’m pretty happy with the results.
(Pst, for anyone that skipped straight to the project, press any key).

Looking Outwards 10

I highly recommend watching in HD.

Assembly is a permanent installation in the Nakdong river cultural centre gallery in Busan, Korea created by Kimchi and Chips. Kimchi and Chips is a Seoul based art studio founded by Elliot Woods and Mimi Son focused on discovering novel interactions involving people and media materials with the use of code.


Assembly was created with 5,500 white blocks hanging from the ceiling. 3.5 million pixels display on the cubes with different lights given off by five projectors, giving a sense of physical space to the light. Each pixel receives a set of known information, such as its position within the installation and the identity of the block it lives on.

pic 4

The information used to assign each pixel condition was scanned in openFrameworks by five high resolution cameras and the use of ofxGraycode, creating a structured light scan. They used this to triangulate the 3D position of every pixel, create a dense mapping between the 2D pixels of the projector and the physical locations of those pixels in 3D space. This map is then stored to disk.


The startup script then loads VVVV which transfers the datamap to the GPU, define “brushes” using HLSL shaders, and finally the VVVV graph plays through a script of generative animations and performs systems management.


What I really admire personally about this project is how seemingly simple yet technologically complex this system is. Kimchi and Chips could have easily made a routine set of projections at fixed points over a period of time but even the the mapping occurs on a daily basis. Beyond that, the forms and patterns created by just light projections on an intrinsically white and mundane object are fascinating and beautiful.


I also like how the implication of motion, sometimes in ripples and waves, can be created on a static surface. It not only gives life to the physical spartan white forms but gives a sense of space and an almost tangible value to light which doesn’t always have much power on its own.

For information about Mimi Son, further information about the creation of Assembly, or the official page for Assembly, click any of the links provided.

Project 09 – Composition

I just wanted to make something that looked cool and works… the slower you move the mouse, the cooler it looks. If you press the mouse it becomes an X, if you press it again it’s a + again. I wanted it to be both simple and cool. For fun, I decided to have it be the opposite of your mouse on the page, dancing around your mouse unless it’s in the center of the canvas.


Project 08 – Portrait

I wanted to make my portrait a bit more interesting with some Xs that showed up where the mouse was and random circles that would come faster than the default ones when the mouse is pressed. Unfortunately p5 was not a huge fan of that and wouldn’t let me do either despite the code for the mouse pressed working fine when I put it in draw (it was tweaking the current draw code). When I tried to make lines in draw, p5 wasn’t having it at all and would either not work completely or would just run the circles with no lines. Despite my options being very limited, I like how it came out with the circles following your mouse at varying opacities. Plus it’s always amusing to see yourself crystallized (a filter option in Photoshop under pixilate).

What happens if you do a quick swipe through
Prog 1

And forget leave your mouse in one position because you forgot
Prog 2

Then decide to give the rest of the picture some attention
Prog 3

If you leave your mouse for a while, you might even see a human appear
Prog 4

The original picture


Looking Outwards 08


Nitesh’s Looking Outward addressed the Silk app created by Yuri Vishnevsky featured here. Much like Nitesh, I found this project very fascinating because of its ability to create art, shape, form, and meaning through the visual effects of code. It’s very interesting because the user plays a part of creating the art through the ability to click and alter the appearance of what’s already on the screen.

While I agree with Nitesh’s reactions to this program, I believe that there is more that can be looked into the abilities of the human to create forms and where a program like this could lead to. It’s possible that by taking art that’s created through this app, 3D forms can be created whether sculpturally or structurally to create interesting paperweights or installations depending on it’s scale. There’s also practical applications that a program such as this can be used for when taken out of it’s original context whether interpreted literally or abstractly.

Be sure to check out the original post or the program which is linked above.

Generative Landscape


Let me start out by saying I know it’s way under what we were supposed to have for this project. What I have looks cool in my opinion but when I tried to go further the loop stopped. Between the time pressure of my other classes and the deadline even with the late day… I just mentally couldn’t go through with it and went back to the basic code. I know it’s not an excuse but I had high goals for it and didn’t accomplish it. I’m sorry.

Design I/O – Never Grow Up (Looking Outward 7)

Design I/O is a creative studio based in Cambridge, MA, that was founded by Emily Gobeille and Theo Watson. It specializes in the design and development of immersive, interactive installations. Emily Gobeille is an art director and designer currently working in the motion graphics industry. Her education was graduating with a BFA from MassArt with a concentration in graphic and interaction design and received an MFA for Design and Technology from Parson’s. On the other hand Theo Watson, a British artist and programmer from London, received his BFA in Design and Technology from Parson’s as well. From their interactions in the video, it’s quite clear the pair is close and Gobeille is the more childish of the pair, though their method is following outlandish what-ifs and learning from creative exploration.

11ww_3286Screen shot 2012-11-15 at 11.56.34 AM

As far as the three Design I/O projects, they talked explicitly about creating interactions with the environment, how the program interaction with the people, and creating experiences through technology. My favorite ironically is the Bermuda Tapes which at the time of their Eyeo talk in 2013 was not completed yet. I like the beautiful animation and artwork in the app which allows viewers to experience being trapped in the Bermudas like John Lennon did. I’m also a fan of the parts (22:43 – 28:18) where Design I/O takes the audio from the Bermuda Tapes and creates illustrations that move in time or are based off of the noise of the audio.

Start at 29:20 to experience the app

Their presentation style is more like someone having a conversation with the audience where they share their thoughts and reasonings behind the ideas and changes. It’s very pleasant because the audience relates more to the presenters and is engaged with what’s being presented to them.

If you want to learn more about Design I/O, Emily Gobeille, or Theo Watsons, click on http://design-io.com/


I started out wanting to create a Daisy Spiral and ended up making a bunch of spirals in various locations that changed position based on mouseX. The spirals “unroll” when mouseY increases. I just liked the look of Daisy and tried to make something based off it in various colors that looked interesting and fun to me.