“Between the lines/書中”, an installation using Kinect and openFrameworks

July 23rd, 2011  |  Published in Uncategorized

The installation art I have been working on since last month have been installed. You can now see it in action in Hong Kong Book Fair from 20-26 July at Hong Kong Exhibition and Convention Centre, inside the booth of CityU Press (1D-A28).

http://www.facebook.com/photo.php?pid=7506253&id=96844704488&fbid=10150280671979489

http://www.facebook.com/photo.php?pid=7506266&id=96844704488&fbid=10150280672364489

http://www.facebook.com/photo.php?pid=7506261&id=96844704488&fbid=10150280672209489

http://www.facebook.com/photo.php?pid=7506250&id=96844704488&fbid=10150280671884489

Kinect(OpenNI) is used for motion tracking, running a program I wrote in C++ with openFrameworks. Collision and softbody simulation is done by Bullet.

Artist statement

“Between the lines/書中” is an interactive installation that visualizes the famous Chinese proverb “書中自有黃金屋”, which literally means “A book holds a house of gold”.

Viewers can go into a 3D virtual space where Chinese literature sentences suspended all over the place. By waving and touching, the Chinese characters will be transformed into gold. And with enough golden characters, a house of gold will be constructed.

The Chinese sentences are extracted from The Four Books(四書), which are the authoritative texts of Confucianism(儒家) in China written two thousand years ago. They are displayed in both traditional Chinese calligraphy and modern fonts, in the meaning of those classic texts are relevant to society independent of time.

The interaction is a visual representation of the joyful and rewarding experience of reading books. There can be multiple viewers interact with the installation at the same time, which aligned to the fact that book reading can be a social process, where readers can share thoughts, recommend books to each other.

Chinese sentences that hang inside the screen.

The house of gold appears when there is enough golden sentences.

Viewers can touch the sentences and turn them into gold.


http://www.facebook.com/video/video.php?v=255107494499599

Tags: , , , ,

Generative art in haXe and OpenFrameworks final round, showcasing in Playful Media 2011

June 24th, 2011  |  Published in Uncategorized

The generative arts are going to be shown in Playful Media, which is the showcase of BScCM, the Bachelor degree program I graduated last year. This is going to be my 4th year joining the exhibition(2010, 20092008)! If you are in Hong Kong and have time, come to have a look!

It’s almost half a year, coding a piece of generative art everyday using haXe and openFrameworks. It was certainly fun and educational to me, as I had to keep reading, trying and mixing all those generating methods, brainstorming new algorithm, looking for best programming approach etc. Doing all those things everyday sharpen my skill a lot, and I’m really excited when people tweet about them, leave comment here or over Flickr. Thanks guys!

However, I decided to stop continuing the journey (at least for a while). Occurring to me often in the last few weeks, I either spent too much time on one piece, affecting my school works, or because I have to finish some urgent things, I tweaked only a little on the previous code, resulted in producing an unsatisfactory piece. I was sick and had a fever last week, which became a good time to close the project.

I now have more time to play with other interesting ideas, and finishing the works that queued up. hxOpenFrameworks will continue be developed, of course. Let’s expect some OpenCV, Kinect (OpenNI) and other goodness :)

Finally here are the selected pieces I made in June:

Kept the fractal circles idea going.
20110601_000257
20110602_150821

Some more saturated color with complementary color scheme.
20110604_203423

Reduced opacity, the circles merged nicely to each other.
20110607_232554

Simplified but surprisely eye-catching vector-style flower.
20110610_222235

I ported Eugene Zatepyakin(in-spirit)’s AS3 FluidSolver to haXe and started to play with it.
20110612_055429

Here I put several rotating color sources in the center and push out dark red colors. Pretty horror looking.
20110613_194301

More sources, larger radius. It looks like an eclipse, does it?
20110614_230019

An eye-catching fire ring. The key is to add color and force periodically other than continuously.
20110615_211730

Simulating the diffusion of ink on paper.
20110616_042334

A cup of generative latte. Think I can build an app for making coffee art.
20110618_065311

Another color, another pattern.
20110619_135648

Tags: , , , , ,

Creating generative art in haXe and OpenFrameworks (May 2011)

June 1st, 2011  |  Published in Uncategorized

The fifth month of doing a piece of generative art everyday using haXe and openframeworks. As a reminder, all the pieces can be viewed from my Flickr set. Also the haXe source code for generating those images can be found in the description in the corresponding Flickr page. Here below are the selected pieces made in this month:

Drawing only part of the lines generated by midpoint displacement algorithm can give out some interesting unknown creature contours, looking into each other’s eyes.
20110501_213017

Another arrangement. It now looks like an island.
20110502_215047

Used a algorithm that I read from somewhere, that start with a point with some color, for each iteration the color spread to the neighbors with a little variation. I really love its oil-painting texture.
20110503_234909

Increased the spread’s random factor, allowing it to spread a little bit backward.
20110504_211026

Keeped changing the spread implementation. This one keep increasing its hue from the center with a probability of reseting itself (to red).
20110505_051547

Made the spread much more unstable and let there be more than one starting point. Resetting the lightness to 0 periodically gave out interesting organic layers.
20110508_003406

Well, a beautiful rainbow color cup water mark on tablecloth…?
20110509_233447

Played with fractal patterns. Full of circles in different sizes and positions in ratio.
20110515_050235
20110516_031307
20110517_003704

Used only small circles. Pretty cyber-looking.
20110522_083005

Used solid-filled circles. Colorful snowflakes.
20110524_121242
20110525_215533

Simpler smaller patterns.
20110529_164803
20110530_212615

Tags: , , ,