inverted mask

General Discussion Other

lukasz

in General Discussion • Other • 7 months ago

trying to load two images, then have the mouse control showing the image behind with maybe a 20px width. almost an xray style animation. mask seems to be close to what I need but not exactly, unless I am using it wrong, any suggestions on what I should look up?

here is a mockup of what I am trying to do: http://hellowoo.com/uploads/Screen%20Shot%202013-03-16%20at%2012.36.50%20PM.png

Replies(1)

amnon.owed

Re: inverted mask

7 months ago

Something like that can also be done using get().

Code Example

PImage a = loadImage("http://larchguidelines.ca/img/pageimages/landscape_4.jpg");
PImage b = loadImage("http://www.imagesinthebackcountry.com/images/showcase/landscape-and-nature.jpg");
PImage c;
void setup() {
size(a.width, a.height);
}
void draw() {
if (mousePressed) {
image(b, 0, 0);
} else {
image(a, 0, 0);
int x = constrain(mouseX-20, 0, width-40);
c = b.get(x, 0, 40, b.height);
image(c, x, 0);
}
}

inverted mask

Replies(1)

Re: inverted mask

Statistics

Tags

Actions

Related Posts