Create a new Processing file and name it as

Lab$3$rgb$\_$yourLastNameFirstNameInitial.pde

$2.$ Rather than using Super Mario image, you must replace it with

another image $($your choice$).$ Create four PImage type variables to

separate into green and blue channels $($e$.$g$.,$ PImage source, imgRed,

imgGreen, imgBlue$).$ Feel free to change into your own variable

names representing your approach. One image will be the source,

and the other three will be used to show different image processing

of the source.

$3.$ Using createImage$()$ method, assign proper values to two other

image variables showing the width and the height of the source

image.

Inside draw$()$ function, design following mechanisms along with for loop

to read pixels;

a$)$ image$()$ function to draw

b$)$ Use red$(),$ green$(),$ and blue$()$ functions to show only red, green, or

blue channels.

c$)$ Mapping between the pixel position, bar height, bar color $,$ font

color and pixel position:

a$)$ To show an interactive RGB value on a specific pixel based on

the position of mouse cursor $($mouseX & mouseY$),$ create a bar

graph $($e$.$g$.,$ use rect$()$ to create $3$ bars$)$ and make the heights

of bars reflecting the intensities of red, green, and blue color

on each pixel. Feel free to choose another shape $($through

changing the size of ellipse$)$ showing intensity of color value.

b$)$ Useful Processing commands;

$$ text$(),$ textFont$()$

$$ Color, image$(),$ fill$()$

$$ updatePixels$()$;

$$ loadPixels$()$;

d$)$ Apply key interactions to different pre$-$built filter effects.

e$)$ Based on simple math operators $(+,-,*,\%),$ design your own image

processing color filters which can be operated through key board

interaction $($e$.$g$.,$ pressing $$r$$ to increase redness etc.$).$