Attach a flower to the stem - follow mouse movement

Programming Questions

antpgomes

Attach a flower to the stem - follow mouse movement

in Programming Questions • 2 years ago

Hi everyone, i was wondering if anyone can help me....i developed this code where i intend to have a plant following my mouse movement but i only succeeded if the plant is separated from the stem.....is there anyway to attach them? Thank you so much

void setup() {
size(600, 600);
smooth();
strokeWeight(55);
stroke(10,130,20, 200);
x[x.length-1] = width-200;
y[x.length-1] = height-200;
}
void draw() {
background(226);
reachSegment(0, c, d);
for(int i=1; i<numSegments; i++) {
reachSegment(i, targetX, targetY);
}
for(int i=x.length-1; i>=1; i--) {
positionSegment(i, i-1);
}
for(int i=0; i<x.length; i++) {
segment(x[i], y[i], angle[i], (i+1)*2);
}
float dx = mouseX - c;
if(abs(dx) > 1) {
c += dx * easing;
}
float dy = mouseY - d;
if(abs(dy) > 1) {
d += dy * easing;
if(d >270){
d = 270;
}
}
if (mode == 0)
{
Flower();
}
else if (mode ==1)
{
Fly();
}
}

Replies(5)

amnon.owed

Re: Attach a flower to the stem - follow mouse movement

2 years ago

Use the x and y of the stem.

void Flower() {
imageMode(CENTER);
image(flower, x[0], y[0]);
}

Also, make sure to load the images ONCE in setup. Use global PImage A, B; variables so they can be used everywhere.

amnon.owed

Re: Attach a flower to the stem - follow mouse movement

2 years ago

Delete line 5:

int A, B;

Move line 24 outside setup() to where all the global variables are at the beginning:

PImage A,B;

Also, with regard to the next problem. It seems your B image is a series of images?

Then you will need to load them into an array of images instead of one image. Like so...

PImage B[] = new PImage[21]; // or however many there are
for (int j=0; j<B.length; j++) {
B[j] = loadImage("flower"+nf(j,2)+".png");
}

Then later in line 103 you can use:

image(B[j],55,55);

As we don't have your images, it's not possible to rewrite/test it. Hopefully you can use these suggestions to do it.

antpgomes

Re: Re: Attach a flower to the stem - follow mouse movement

2 years ago

Worked like a charm!!!

One last thing, I'm trying to match the angle of the flower to the stem now, can anyone help me with that?

http://jupiter.esec.pt/~apgomes/antoniostuff/applet/

my images are here:

http://jupiter.esec.pt/~apgomes/antoniostuff/

I can't say how thankfull i am, i was about to give up.. ;)

amnon.owed

Re: Attach a flower to the stem - follow mouse movement

2 years ago

Same answer as the xy-position. Use the angle from the top stem. See below:

void Flower()
{
imageMode(CENTER);
pushMatrix();
translate(x[0], y[0]);
rotate(angle[0]);
image(A, 0, 0);
popMatrix();
}

antpgomes

Re: Attach a flower to the stem - follow mouse movement

2 years ago

Still not perfect since the flower doesn't seem be to fixed to the end of the stem, but at least it rotates now!!! Thank you so much for all the help, if anyone has any idea on how to fix it let me know, if not, it's good enough :D

applet:

http://jupiter.esec.pt/~apgomes/antoniostuff/applet/

code:

float c,d;
float easing = 0.02;
int j=1;
int mode = 0;
int numSegments = 10;
float[] x = new float[numSegments];
float[] y = new float[numSegments];
float[] angle = new float[numSegments];
float segLength = 20;
float targetX, targetY;
PImage A;
PImage B[] = new PImage[23]; // or however many there are
void setup() {
size(600, 600);
smooth();
strokeWeight(55);
stroke(10,130,20, 200);
x[x.length-1] = width-200;
y[x.length-1] = height-200;
A = loadImage("flower.png");
for (int j=0; j<B.length; j++) {
B[j] = loadImage("flower"+nf(j,2)+".png");
}
}
void draw() {
background(226);
reachSegment(0, c, d);
for(int i=1; i<numSegments; i++) {
reachSegment(i, targetX, targetY);
}
for(int i=x.length-1; i>=1; i--) {
positionSegment(i, i-1);
}
for(int i=0; i<x.length; i++) {
segment(x[i], y[i], angle[i], (i+1)*2);
}
float dx = mouseX - c;
if(abs(dx) > 1) {
c += dx * easing;
}
float dy = mouseY - d;
if(abs(dy) > 1) {
d += dy * easing;
if(d >270){
d = 270;
}
}
if (mode == 0)
{
Flower();
}
else if (mode ==1)
{
Fly();
}
}
void mouseReleased()
{
mode = 1;
}
void positionSegment(int a, int b) {
x[b] = x[a] + cos(angle[a]) * segLength;
y[b] = y[a] + sin(angle[a]) * segLength;
}
void reachSegment(int i, float xin, float yin) {
float dx = xin - x[i];
float dy = yin - y[i];
angle[i] = atan2(dy, dx);
targetX = xin - cos(angle[i]) * segLength;
targetY = yin - sin(angle[i]) * segLength;
}
void segment(float x, float y, float a, float sw) {
strokeWeight(sw);
pushMatrix();
translate(x, y);
rotate(a);
line(0, 0, segLength, 0);
popMatrix();
}
void Flower()
{
imageMode(CENTER);
pushMatrix();
translate(x[0], y[0]);
rotate(angle[0]);
image(A, 0, 0);
popMatrix();
}
void Fly()
{
j=j+1;
image(B[j],55,55);
if (j>21)
{
j=1;
mode = 0;
}
}

Top Reply