Stand alone animation

Programming Questions

vtalessi

in Programming Questions • 1 year ago

I'm trying to make an animation that is activated by a mouse click and then repeats after you move the mouse away. I figure it has something to do with the circle having mouseX and mouseY coordinates. So my question is; How do i dictate the animation starts at mouseX and mouseY without restricting the animations playtime to when the mouse stays in those positions? Also is there a way to make the circles refresh (disappear and reappear) instead of piling on top of one another. Here is the code so far

float w = 0.0;
float c= 0;
boolean obj=false;
void setup() {
smooth();
size(300,300);
}
void draw() {
frameRate(60);
if (obj == true){
ellipse(mouseX, mouseY, w, w);
fill(c, c, c, 255 + c);
if (w > 65) {
w = 0;
}
}
w = w + 1;
c = w + 8;
}
void mousePressed(){
obj = true;
}
void mouseMoved() {
obj = false;
}
void mouseDragged() {
obj = false;
}

Replies(2)

asimes

Re: Stand alone animation

1 year ago

Here's a start, not sure if this is what you meant. If you want to have multiple disappearing circles you are going to need to store them (probably in an array or array list):

float animateX, animateY, circleColor;
boolean animating;
void setup() {
size(300, 300);
frameRate(60);
smooth();
}
void draw() {
// This makes things slowly disappear
noStroke();
fill(255, 16);
rect(0, 0, width, height);
// New circle animation
stroke(0);
if (animating) {
ellipse(animateX, animateY, circleColor, circleColor);
fill(circleColor);
if (circleColor < 255) circleColor++;
else {
animating = false;
circleColor = 0;
}
}
}
void mousePressed() {
animating = true;
animateX = mouseX;
animateY = mouseY;
circleColor = 0;
}

calsign

Re: Stand alone animation

1 year ago

It sounds like you need to store the presses after they happen.
Try creating an array of PVectors, each time that a click happens appending an item to the array.
Then, when you draw the ellipses, run through the array of PVectors and display the ellipses at the location stored in the PVectors.

For hiding the animation, call background() at the beginning of draw().

Top Reply