aram’s blog

Though I came up with how to make the static mouse interaction more dynamic, I wanted to go a little further with ‘video -tracking’. Copying the code that manipulate mouse cursor interaction from last scratch with Vitamin Water bottles image wasn’t difficult, however, the video showed lots of noise which I thought unnecessary. I called my classmate who’s fluent with coding for help to eliminate noise, and he made it. Results are shown below:

As the prototype did, this application initially makes the captured image grayscale, then mouse cursor reveals a kind of ‘curtain’ effect with colorized part of the image.

If your cursor positioned anywhere around top of the screen, it will show black background like above. This effect is basically from Dan’s sample code- grab and brighten.

I got intrigued by Chuck Close’s painting from last class when Dan showed us several artists’ works for inspiration.

I showed the result of what I have been working on to the class this morning. The purpose of this short presentation was to ask some problematic parts that I was engaging, however, it went to sort of critique which was a great plus to keep get this project going.

Dan’s reaction was that my work enables user to find hidden message from the image - Vitamin Water bottles.  For some reasons(I am still working on figuring this out.), when mouse moving it ’skips’ the label part of the bottles, so the result appears to be intentionally ‘conveying’ certain message.

Now I’ve changed 80pixel wide strip animated. When mouse stops, the colored bar part starts extends horizontally, then it goes back to where it was before if mouse starts moving again. (this was heavily relied on Young Sang’s assist in coding)

Next step and (probably) a goal would be making the colored bar doing image manipulation such as sharpen or blurring.

I chose to use ‘Vitamin Water‘ images for exercising current topics - saturation, noise, brightness and etc. - in C language.

Complete image of all different colored Vitamin Water bottles shows literally ‘color palette’, that’s why I thought it is great source to manipulate.

Here, I found one small problem: in the code, widow’s size is set to 640×480 so I should bring any image with exactly same size otherwise it’d be crooked as shown above. However, I decided NOT to change the window size in the code.

I found something! While size of stroked square remains the same, I managed to change actual navigation square’s size to 50×50 pixel.

SetRect(&Recti,mousepoint.h-50,mousepoint.v-50,mousepoint.h+50,mousepoint.v+50);

I changed each value from 100 to 50.

This is improvising from Danny’s tweaking - I only changed the value of saturation from 0 to 100.

if(x<mousepoint.h+10 && x>mousepoint.h-10){
ourSetPixel(x,y,R,R,R,bufferRowBytes,bufferBaseAddress);
}else{
ourSetPixel(x,y,R,0 ,0,bufferRowBytes,bufferBaseAddress);
}

Simply, switching around some values from the existing .c file and came up with above.

Modified part:
for(y=0;y<70;y++){                                                        // translation to lingo -  repeat with y = 0 to 70
ourFramedRect(mousepoint.h -y*60-count,
mousepoint.v -y*10-count,
mousepoint.h +y*60+count,
mousepoint.v +y*10+count);                                  // calling our method that draws Rects

First week’s assignment - making pixel by non-computer way.

Magnets are interesting material when it comes to ‘pixel’. They exist in certain size in industrial standard so look generic, they compel when attracting nearby, and most importantly to me, they ‘compose’ something- pixels- by artists’ choice. I prepare 11×17 inch magnetic pad with a number of two different size magnets, and started ‘drawing’ a drooling dog. Arranging them in my own grid was difficult because, again, they attract each other sometimes I had to give up drawing continuous line, leaving some space between each magnet group.

Additionally, I tried not to consider ‘pixel’ as square,

modular, tedious