mousePressed, separating LEFT and RIGHT.

Programming Questions

skttrbrai..

mousePressed, separating LEFT and RIGHT.

in Programming Questions • 3 years ago

I have 2 .svg objects loaded up into a design, one on the left and one on the right. I'm trying to make it so that by LEFT clicking, I can drag on around the left object by itself, and same for the right. Currently, left clicking controls both simultaneously, and same with right clicking. I'm sure there's a way to get around this, but I'm not sure how.

Thanks for the help!

Here's the portion of my code that I'm trying to deal with:

void draw()

{

background(255);

//eyebrow_left shape

PShape el;

el = loadShape("eyebrow_left.svg");

smooth();

shape(el,currX,currY,121,100);

//end eyebrow_left shape

//eyebrow_right shape

PShape er;

er = loadShape("eyebrow_right.svg");

smooth();

shape(er,currX,currY,113,99);

//end eyebrow_right shape

currY = constrain(currY, -15, 0);

if (currY<0)

{

currY+=1;

}

if (mousePressed == true)

{

if (mouseButton == LEFT)

{

float targetY = (mouseY-225);

float dy = (targetY - currY);

currY += dy*easing;

//eyebrow_left shape

smooth();

shape(el,currX,currY,640,480);

//end eyebrow_left shape

}

else if (mouseButton == RIGHT)

{

float targetY = (mouseY-225);

float dy = (targetY - currY);

currY += dy*easing;

//eyebrow_right shape

smooth();

shape(er,currX,currY,640,480);

//end eyebrow_right shape

}

Replies(4)

cedrickie..

Re: mousePressed, separating LEFT and RIGHT.

3 years ago

would be easier to check if you would post the whole code.
btw, its not a good idea to loadShape in draw. by doing this you reload it every frame. That slows down your sketch a lot.
Just put it into setup.

skttrbrai..

Re: mousePressed, separating LEFT and RIGHT.

3 years ago

Yeah, sorry about that. Here you go, and again, thanks for your time:

int eyeL = (235);

int eyeR = (412);

float currX = 0.0;

float currY = 0.0;

float easing = 0.05;

void setup()

{

size(640,480);

smooth();

noStroke();

}

void draw()

{

background(255);

//LEFT EYE

fill(0);

float d = dist(mouseX,mouseY, eyeL,235);

d = constrain (d, 0, 15);

float a = atan2 (mouseY-235, mouseX-eyeL);

float x1 = 0 + cos(a) * d;

float y1 = 10 + sin(a) * d;

PShape il;

il = loadShape("iris_left.svg");

smooth();

shape(il,x1,y1,640,480);

//END LEFT EYE

//RIGHT EYE

fill(0);

float d2 = dist(mouseX,mouseY, eyeR,235);

d2 = constrain (d2, 0, 20);

float a2 = atan2 (mouseY-235, mouseX-eyeR);

float x2 = -10 + cos(a2) * d2;

float y2 = 10 + sin(a2) * d2;

PShape ir;

ir = loadShape("iris_right.svg");

smooth();

shape(ir,x2,y2,640,480);

//END RIGHT EYE

//base shape

PShape b;

b = loadShape("base.svg");

smooth();

shape(b,0,0,640,480);

//end base shape

//eyebrow_left shape

PShape el;

el = loadShape("eyebrow_left.svg");

smooth();

shape(el,currX,currY,121,100);

//end eyebrow_left shape

//eyebrow_right shape

PShape er;

er = loadShape("eyebrow_right.svg");

smooth();

shape(er,currX,currY,113,99);

//end eyebrow_right shape

currY = constrain(currY, -15, 0);

if (currY<0)

{

currY+=1;

}

float targetY = (mouseY-225);

float dy = (targetY - currY);

if (mousePressed)

{

if (mouseButton == LEFT)

{

currY += dy*easing;

//eyebrow_left

smooth();

shape(el,currX,currY,640,480);

//end eyebrow_left

}

if (mousePressed)

{

if (mouseButton == RIGHT)

{

currY += dy*easing;

//eyebrow_right

smooth();

shape(er,currX,currY,640,480);

//end eyebrow_right

}

PhiLho

Re: mousePressed, separating LEFT and RIGHT.

3 years ago

As said, it is a very bad idea to load shapes in draw, on each frame: loading and parsing will take some time!
Declare the PShapes at global level and load them in setup().

skttrbrai..

Re: mousePressed, separating LEFT and RIGHT.

3 years ago

Hey guys,

Thanks for the help. Actually just solved it on my own. I realize that loading .svgs definitely slows things down, but my speed was fine. I'm also really new to coding, so sorry for it being a bit messy. Here's my code now (with the working, separate shapes):

int eyeL = (235);

int eyeR = (412);

float currX = 0.0;

float currY = 0.0;

float currX2 = 0.0;

float currY2 = 0.0;

float easing = 0.05;

void setup()

{

size(640,480);

smooth();

noStroke();

}

void draw()

{

background(255);

//LEFT EYE

fill(0);

float d = dist(mouseX,mouseY, eyeL,235);

d = constrain (d, 0, 15);

float a = atan2 (mouseY-235, mouseX-eyeL);

float x1 = 0 + cos(a) * d;

float y1 = 10 + sin(a) * d;

PShape il;

il = loadShape("iris_left.svg");

smooth();

shape(il,x1,y1,640,480);

//RIGHT EYE

fill(0);

float d2 = dist(mouseX,mouseY, eyeR,235);

d2 = constrain (d2, 0, 20);

float a2 = atan2 (mouseY-235, mouseX-eyeR);

float x2 = -10 + cos(a2) * d2;

float y2 = 10 + sin(a2) * d2;

PShape ir;

ir = loadShape("iris_right.svg");

smooth();

shape(ir,x2,y2,640,480);

//BASE_SHAPE

PShape b;

b = loadShape("base.svg");

smooth();

shape(b,0,0,640,480);

//EYEBROW_LEFT

PShape el;

el = loadShape("eyebrow_left.svg");

smooth();

shape(el,currX,currY,121,100);

//end eyebrow_left shape

currY = constrain(currY, -15, 0);

if (currY<0){

currY+=1;

}

//EYEBROW_RIGHT

PShape er;

er = loadShape("eyebrow_right.svg");

smooth();

shape(er,currX2,currY2,113,99);

//end eyebrow_right shape

currY2 = constrain(currY2, -15, 0);

if (currY2<0){

currY2+=1;

}

float targetY = (mouseY-225);

float dy = (targetY - currY);

if (mousePressed)

{

if (mouseButton == LEFT)

{

currY += dy*easing;

//eyebrow_left

smooth();

shape(el,currX,currY,640,480);

//end eyebrow_left

}

if (mousePressed)

{

if (mouseButton == RIGHT)

{

currY2 += dy*easing;

//eyebrow_right

smooth();

shape(er,currX2,currY2,640,480);

//end eyebrow_right

}

Top Reply