make triangles stick to mouse

Programming Questions

clarkesar..

make triangles stick to mouse

in Programming Questions • 1 year ago

hey guys i really, really need help, i'm new to coding so have no idea what i'm doing :(

what i want to do with my code now is make the bigger, darker green triangles stick to the cursor one by one when the mouse comes in contact with them

here is my code so far,

thanks for the help, much appretiated:)

int tri_count = 20;

float[]xp2=new float[tri_count];

float[]yp2=new float[tri_count];

float[]speed2=new float [tri_count];

float[] xp = new float[tri_count];

float[] yp = new float[tri_count];

float[] speed = new float[tri_count];

int i = 0;

void setup(){

size(500,500);

int i = 0;

while( i < tri_count){

xp2[i]=random (0,width);

yp2[i]=random (0,width);

speed2[i]=random (0.1,2);

xp[i] = random(0,width);

yp[i] = random(0,height);

speed[i] = random(0.1,5);

i = i + 1;

}

void draw(){

background(255);

strokeWeight(0.5);

update_main_layer();

gfx2();

gfx();

update_background();

}

void gfx(){

fill (17,192,16,100);

/* stops code and symbol below starts it

noStroke();

int i = 0;

int angle = 0;

while( i < tri_count){

pushMatrix();

translate(xp[i],yp[i]);

rotate(angle);

triangle(xp[i]-15,yp[i]+15,xp[i],yp[i],xp[i]+15,yp[i]+15);

popMatrix();

i = i + 1;

angle = angle+1;

}

void update_background(){

int i = 0;

while( i < tri_count){

yp[i] = yp[i] + speed[i];

if(yp[i] >width){

yp[i] = -40;

}

i = i + 1;

}

void gfx2(){

fill (34,144,9);

noStroke();

int i=0;

int angle=0;

while( i< tri_count) {

pushMatrix();

translate(xp2[i],yp2[i]);

rotate(angle);

triangle(xp2[i]-30,yp2[i]+30,xp2[i],yp2[i],xp2[i]+30,yp2[i]+30);

popMatrix();

i = i + 1;

angle = angle+1;

}

void update_main_layer(){

int i = 0;

while( i < tri_count){

yp2[i] = yp2[i] + speed2[i];

if(yp2[i] >width){

yp2[i] = -40;

}

i = i + 1;

}

Replies(6)

calsign

Re: HEEEEEEEEEEEEEEEEEEEEEEELLLLP

1 year ago

First, you need a more descriptive title. Almost everyone asks for help. See PhiLho's thread on this matter...
Second, your code isn't runnable. You're probably missing a couple of variables.
Third, what have you tried? You'll probably need triangle collision, and a way to store the triangle's locations after said collision has occurred...

We will be happy to help you...

clarkesar..

Re: HEEEEEEEEEEEEEEEEEEEEEEELLLLP

1 year ago

sorry here is my runnable code now int tri_count = 20;

float[]xp2=new float[tri_count];

float[]yp2=new float[tri_count];

float[]speed2=new float [tri_count];

float[] xp = new float[tri_count];

float[] yp = new float[tri_count];

float[] speed = new float[tri_count];

int i = 0;

void setup(){

size(500,500);

int i = 0;

while( i < tri_count){

xp2[i]=random (0,width);

yp2[i]=random (0,width);

speed2[i]=random (0.1,2);

xp[i] = random(0,width);

yp[i] = random(0,height);

speed[i] = random(0.1,5);

i = i + 1;

}

void draw(){

background(255);

strokeWeight(0.5);

update_main_layer();

gfx2();

gfx();

update_background();

}

void gfx(){

fill (17,192,16,100);

/* stops code and symbol below starts it

noStroke();

int i = 0;

int angle = 0;

while( i < tri_count){

pushMatrix();

translate(xp[i],yp[i]);

rotate(angle);

triangle(xp[i]-15,yp[i]+15,xp[i],yp[i],xp[i]+15,yp[i]+15);

popMatrix();

i = i + 1;

angle = angle+1;

}

void update_background(){

int i = 0;

while( i < tri_count){

yp[i] = yp[i] + speed[i];

if(yp[i] >width){

yp[i] = -40;

}

i = i + 1;

}

void gfx2(){

fill (34,144,9);

noStroke();

int i=0;

int angle=0;

while( i< tri_count) {

pushMatrix();

translate(xp2[i],yp2[i]);

rotate(angle);

triangle(xp2[i]-30,yp2[i]+30,xp2[i],yp2[i],xp2[i]+30,yp2[i]+30);

popMatrix();

i = i + 1;

angle = angle+1;

}

void update_main_layer(){

int i = 0;

while( i < tri_count){

yp2[i] = yp2[i] + speed2[i];

if(yp2[i] >width){

yp2[i] = -40;

}

i = i + 1;

}

sorry is triangle collison a function? i've just been fiddling around with it now trying to use mouse roll overs but cant quite get it.yes please thanks heaps!

calsign

Re: HEEEEEEEEEEEEEEEEEEEEEEELLLLP

1 year ago

I see. You still haven't changed your title, perhaps "Getting triangles to stick to mouse"...

For triangle collision, you're basically detecting if the mouse is within a given triangle. Triangle collision itself is a bit complicated (or, at least, I haven't tried it before). Often, it is easier, and much faster, to check if the mouse is within a radius of the center of the triangle. Of course, this won't be accurate, but it depends on your application and how accurate you want it to be.

Radius-checking is incredibly simple; use the dist() function, check to see if the distance between the mouse and another point is less than the radius.

clarkesar..

Re: make triangles stick to mouse

1 year ago

so do i use that along with mouseX mouseY? sorry im really lost.how would this fit in with my code?

calsign

Re: make triangles stick to mouse

1 year ago

Okay. You are already storing the locations of the triangles. In addition to displaying the locations of the triangles every frame, you must check to see if the mouse is within them every frame. You already have the loop code... you should be able to duplicate that but, instead of drawing the triangles, perform a test (given that triangleX and triangleY are the locations of the triangle, while triangleRadius is the (theoretical) radius of the triangle):

if(dist(mouseX, mouseY, triangleX, triangleY) < triangleRadius) {
//The mouse is inside the triangle
}

This is an incredibly basic circle collisions algorithm made simple by Processing's dist() function. As I said above, this is not exactly correct, but it might work for your scenario.

Inside that if statement, all you should have to do... is set the triangle's location to be the location of the mouse.

clarkesar..

Re: make triangles stick to mouse

1 year ago

thankyou:))

Top Reply