ICM Final- Taste your drawing

  [embed]https://vimeo.com/113808452[/embed]

[embed]https://vimeo.com/114524478[/embed]

“What is it”?  -

Mapping your drawing to different kinds of  drinks, and then make an Alcoholic beverages for you.

In this project , we want to make a cup of alcohol beverage by mixing the proportionate colors drinks according to the paintings in real time so as to offer a new way to appreciate audiences’ painting’s connotation. Different flavors in drinks may present people’s different feeling and may offer people totally different experiences to their own paintings.

Process -

The final project of ICM is a part of our PCOM project, it's the input part of Project 'Taste your drawing'.

We want the use drew on a fabric to give them a natural reaction to enjoy the drawing process. We decided to avoid using screen of some touch pad to input, cause this kind of things may divert users’ attention from drawing. Fabric is an good material to draw on, even a child knows how to draw on it. And when you touch it , the feeling is so good.

I made a sketch for  the drawing system at first. There are 6 function for drawing system.

1 When touch fabric (mouse click) , color appear on the fabric, and when user stop touching the fabric, stop drawing.

2 When user chose color, specific color appear on the screen when the user touch the fabric.

3. The color 's saturate and hue subtle changed according to user's speed.

4. The color's brightness and brush size change according to user's force applied on the fabric.

5. A life bar to limited the time user drawing on the fabric.

6. A Data visualization to show how much of each color user used.(haven't finish)

I built the sketch on computer at first, using mouse pressed to representing the event of finger pressing on the screen. I used 3 kind of particle system to simulate the water style and imitate the effect of color dying on the fabrics.

 

Then, I added a color palette to let user change color by choosing different color. And I added the function of color changed according to the user's speed and force.

Here is a video to show the foundational sketch on computer.

[embed]https://vimeo.com/114524478[/embed]

We decided to use kinect to detect  the closest point in order to detect the user's finger.

For the kinect part, I set a range of detecting, when the closet point in the range, color will appear on the fabric. The most difficult part for it is set the kinect’s view exactly with the projector's view, and it cost us a long time to made the color appear exactly where the finger pokes.

Related post

Project Proposal: ICM and PCOM Final proposal

Project documentary:Project documentary:Pcom Final Documentary

More Project Process: Fabrication process

Taste your drawing

  [embed]https://vimeo.com/113808452[/embed]

Related post

Project Proposal: ICM and PCOM Final proposal

Input part documentary:ICM Final Documentary

More Project Process: Fabrication process

PCOM&ICM Final proposal

Drink your painting "What is it”?  －Mapping your drawing to different kinds of  drinks, and then make an Alcoholic beverages for you.

In this project , we want to make a cup of alcohol beverage by mixing the proportionate colors drinks according to the paintings in real time so as to offer a new way to appreciate audiences' painting’s connotation. Different flavors in drinks may present people's different feeling and may offer people totally different experiences to their own paintings.

How did you become interested in it? －I like painting through I was a little child, I want to explore peoples ' feelings when they are drawing, and how different organs’ generate different feelings when facing the same thing. We usually  think red is enthusiasm， and most people think apple juice taste enthusiasm and full of energy too,  when we change the color in paintings to drinks, how is it taste, will we have the same emotional experience or same feelings?  We want to explore it and choose this project.

Who is the audience?  fans of art，artist，technologist, visitors of the Art gallery. Bartender.

Function of the processing Part

Processing is used as the input part. There are three functions in Processing.

1. Painting System
2. Analyze the colors’ values and saturate&brightness levels to Arduino
3. Provide data visualization of the painting after audience drawing their painting，and show what their drinks made of

 About Painting System

There are three plans to make Painting system (we hope provide more colors and brush size because these kinds of variable can express audience’ own awareness and personality. And we don’t want to make the mapping directly. Anyway, still need to keep it simple and stupid.)

 PlanA (Water color painting. the most simple one)

 Rough sketch!

A sketch to draw in watercolor. I have made a fundamental sketch, and need to change the brush to water color version. Using touch screen. I don’t want to add brush size button and  Palettes the screen because it usually make drawing difficultly, users will spend time on how to draw it and what these buttons for. So I just provide some specific colors to audience.

 PlanB (Water color painting.Use soft screen to reflect different force the user use)

Use a soft fabric and a projector to make up as screen which can changed depth according to user’s force. It can change brush’s size and color according to user’s force. (more color more size and more difficult to develop).  Using kinect under the soft screen to detect depth changed.

 PlanC （Splash-ink painting）

Creating a lot of colorful pigment balloon on the screen (ballon full of pigment) . use projector to project the screen on the wall. People use darts to shoot the ballon image on the wall(there will be a camera to detect if there is something overlay the ballon image)， the ballon which been shoot will  burst and leave a piece of color on the screen.

team member: JinShan

Find more proposal about our project --Jin's Post

Data-ICM Class8 Assignment

This week 's assignment is about Data, I learned strings, how to calculate words,  how to load data from XML, JSON,Table to Processing. I tried to connect with some API but failed... So this sketch just load table (file in .CSV). I used data (sales of drinks in 12 days) in processing, and visualized date in order to make it more readable. And calculated average sales of each brand of drinks, changed drinks image's size according to if it is popular.(popular one is bigger). It's unfinished, still a lot of things should be improved. I'll try to wrote each drink in individual class, then it can be show the pic of drinks when the mouse move over it.

Ink wash painting－ICM Class7 Assignment

[embed]https://vimeo.com/110253493[/embed] This week’s assignment is about VideoLearning Processing Video Chapter and Image Learning Processing Image Chapter in Processing.  Dealing with pixels and try to change color, brightness, 3D deepness , or pick special element in screen, add elements in video or image to change the original one.

It seems like we can have a lot of fun through the process. I chose Image changing for this assignment’s topic.

I learned ink painting when I was a little kid, and I like the style of Tie Dye in traditional color craft. I want to mixture these kinds of traditional art with digital method. So I try to make an Tie Dye pattern to simulate Chinese Ink wash painting.

I learned particle system, how to add force, how to add motions in these previous weeks. So I use these technics to make this sketch.  I built a particle system, and draw lines when two particle getting closed. When the particle was influenced by power between them and run(shake) all the time, they will draw some lines through one particle. (each one check itself’s distance with others)

Painting <Fu Chun Shan Ju Tu> was used as  image in this sketch. It’s an outstanding ink wash painting which drew by Huang Guangwang in Yuan dynasty.

Octopus3-ICM Class7 Assignment

[embed]https://vimeo.com/110162921[/embed] I have dealing with octopus for three weeks! see what I did in last two weeks--Week 5 Octopus and Week 6 Octopus2, and finally it can move now! Although it still can not generate tentacle by itself...

I used an individual class to create each tentacle. And I used a lot of lines to combine its head.Then I created an Octopus Class to put tentacles and headlines together to generate an octopus.

And I think the next step is add more motions to it.

Octopus2-ICM Week6 Assignment

  [embed]https://vimeo.com/110150069[/embed]

Octopus－ICM Class5 Assignment

<Pressed to draw a octopus. Pressed Key  to clean the screen>

This week, we learned Array, ArrayList , PVector and I used these new knowledge I learned to create a group of octopus. I used PVector to made the tentacles of octopus.  I used several circles to compose its tentacles, put all circles in an ArrayList, and made them generated one by one when you click the mouse on the Screen, just like the octopus grow its tentacles.

I didn't write it very well, because when the mouse drag it, the program think the mouse still pressed it, and continue to generate octopus. That's not the things I suppose before, so I 'll just rewrite the code and hope it works in better way.

Sound Cycle

[embed]https://vimeo.com/107853867[/embed] I made this video by processing. I used Minim library to detect sound beat. And make an beat reaction in visual way. I used PeasyCam to control the 3D cameral.

It's an experiment for our midterm PCOM+ICM project. It's the visual parts for the project, making the visual graphics changed based on music. And then is just trying to make it change according to live sounds. Hope it will be a right direction for our project.

Metabolism- ICM Class3 Assignment

[embed]https://vimeo.com/106936092[/embed] According to the law of conservation of mass，we live in the world which pursue ‘Balance’ all the time. Everything interacts with the environment, space and time. Through this kind of interaction with environment, things change, damage and then recovery by itself. We may also changed by environment, and then we adjust ourselves, receive the balance and go back to peace. I inspired by Lunar eclipse a lot, I think it's really attractable that the moon changed its shape by time, broke，changed and renewed. I think it's a kind of Metabolism even the moon is not the Organism.

So I decide to make an metabolism moon which can change, recover, and breath by itself.

And I also think it's a good time to trying arrange codings in CLASS

This is the pattern I decided to make. I wrote Class Moon in Processing. Created an drawMoon() function to generate foundation moon.  drawCrater() function to generate some craters on its surface.  Then I wrote drawMask() to draw an black circle layer overlay the moon in order to make it change over time.

In order to interact with the moon, I hope the moon looks like kind of  damaged and affected by extra world but finally recovered itself and find its inner balance.

So I add mouse pressed on the moon, to add some extra power affect the moon

Finally, it works, it changed, moved, and recovered to obtain a kind of recycle balance.