Pixels change colors by the mouse pointer moves over

Sara99

Hello everybody, I’m Sara and I’m pretty new in graphic with Processing. Recently I’ve been asked to make a sketch for a communication campaign. May someone of you gentleman could help me out? I’m almost running out of time, my deadline is approaching and all my drafts still not good enough, so I finally decided to ask some help to the pros.

I’m projecting a sketch in which, the mouse pointer can change the colors of an image by moving over.

GoToLoop

These should give you some starting points:

https://forum.Processing.org/two/discussion/15473/readme-how-to-format-code-and-text
https://forum.Processing.org/two/discussions/tagged?Tag=#rgb
https://forum.Processing.org/two/discussions/tagged/cropping

Sara99

Thank you so much for your kind help.

Sara99

How to estimate colors?

BarbaraAlmeida

Get the RGB values:

• https://processing.org/reference/red_.html
• https://processing.org/reference/green_.html
• https://processing.org/reference/blue_.html

Find the maximum value:

• https://processing.org/reference/max_.html

You might also be interested on other ways to convert RGB color to grayscale:

• http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/

Sara99

Hi Barbara, thank you very much for your tips. Btw, I'm not finding the code for adopte one of that techniques...

BarbaraAlmeida

On line 32, you're setting the color using the brightness with:

img2.pixels[i] = color(brightness(img.pixels[i]));

Instead, read the RGB values into variables and set the color to the maximum.

int r = img.pixels[i] >> 16 & 0xFF;
int g = img.pixels[i] >>  8 & 0xFF;
int b = img.pixels[i]       & 0xFF;
img2.pixels[i] = color(max(r, g, b));

Sara99

Perfect! Thank you very much :) :) :)