Rotation when mouseClicked

Programming Questions

chriztina

in Programming Questions • 6 months ago

Hello

I'm having problems getting my "wheel" to rotate when you click on your mouse. my first thought was to get the wheel to rotate and to stop at a random position but right i would be happy just til get the wheel to rotate 360 degrees and stay in that position.

//PImage Knap

PImage img;

float x = 100;

float y = 100;

float xspeed = 2;

float yspeed = 4;

void setup () {

size(400, 400);

img=loadImage("knap.png");

}

void draw()

{

background(0);

image(img, 0, 0);

}

void mouseClicked(){

x = x + xspeed;

y = y + yspeed;

translate(width/2, height/2);

rotate(PI/radians(x));

translate(-img.width/2, -img.height/2);

xspeed = xspeed * -1 ;

yspeed = yspeed * -1 ;

image(img, 0, 0);

}

and yeah im pretty new at this so I hope it's hopeless what I made. I really hope someone can help

Replies(3)

PhiLho

Re: Rotation when mouseClicked

6 months ago

Here, perhaps the mousePressed variable is more useful:

PImage img;
float angle;
void setup () {
size(400, 400);
img=loadImage("G:/Images/someImage.png");
}
void draw()
{
background(0);
translate(width/2, height/2);
if (mousePressed) {
angle += 0.5;
rotate(radians(angle));
}
translate(-img.width/2, -img.height/2);
image(img, 0, 0);
}

chriztina

Re: Rotation when mouseClicked

6 months ago

the code Is definitely much more simple then mine! That helps alot. The problem is still that til wheel only rotates when the mouse is clicked and hold down. My intention is that you have to click on the mouse once and then the wheel will spin

PhiLho

Re: Rotation when mouseClicked

6 months ago

Ah, I haven't understood your request, then. And in this case, it is better to go back to the function version: you just set a global boolean to indicate the rotation must be done.

PImage img;
float angle;
boolean rotate;
void setup () {
size(400, 400);
img=loadImage("G:/Images/stuff.png");
}
void draw()
{
background(0);
translate(width/2, height/2);
if (rotate) {
angle += 0.5;
rotate(radians(angle));
}
translate(-img.width/2, -img.height/2);
image(img, 0, 0);
}
void mousePressed()
{
rotate = true;
}

If you replace rotate = true; with rotate = !rotate; you get a switch / toggle.

Top Reply