Archive for the 'Tools' Category

RGB Channels // step 6

Sunday, February 3rd, 2008

RGB Channels // part f
run the sketch — view the code

How do you use it?
You don’t use it. It doesn’t work.

What is it?
An attempt to update the pixel array rather that re-drawing the image with one-pixel rectangles (as it has been done in previous versions). This should be much more efficient.

Why is it cool?
It is bit shifting the pixels rather than using the red(), green() and blue() functions. See the Processing reference for an explanation of this as it relates to image manipulation.

RGB Channels // step 5

Saturday, February 2nd, 2008

RGB Channels // part e
run the sketch — view the code

How do you use it?
Click on the applet to giveit focus. Type R, G or B to display the corresponding color channel.

What is it?
It is loading a full-color RGB image and displaying only the red, green or blue value of each pixel. It’s slow and clunky but it’s working. Note the color bar on the left. Whichever rectangle is white indicates the channel you are viewing.

RGB Channels // step 4

Friday, February 1st, 2008

RGB Channels // part d
run the sketch — view the code

How do you use it?
Just look at it, and learn from the code.

What is it?
It’s not interactive yet, but it is loading a full-color RGB image and displaying only the red value of each pixel.

RGB Channels // step 3

Thursday, January 31st, 2008

RGB Channels // part c
run the sketch — view the code

How do you use it?
Just watch it.

What is it?
Not working. I want to display a greyscale image for each color channel, but this isn’t the way to do it.

Why is it cool?
I’m not sure what’s going on, but it’s what I did today.

RGB Channels // step 2

Wednesday, January 30th, 2008

RGB Channels // part b
run the sketch — view the code

How do you use it?
Move the mouse around over the image.

What is it?
Trying to extract and display the RGB channels from an image.

RGB Channels // step 1

Tuesday, January 29th, 2008

RGB Channels // part a
run the sketch — view the code

How do you use it?
Move the mouse around over the image.

What is it?
Extracting the red, green and blue components from the color data of each pixel.

subPixels

Monday, January 28th, 2008

subPixels
run the sketch — view the code

How do you use it?
Move the mouse up and down over the color bars.

What is it?
A demo of screen pixels and RGB color. This is actually a touched-up version of a sketch I started back in October.