Simple question - but not for me... (Parabole movement)

Programming Questions

newcomix

Simple question - but not for me... (Parabole movement)

in Programming Questions • 11 months ago

I would like to animate a bouncing ball.

But I dont understand the maths for letting it bounce.
My proffessor told me I should use parabole maths, but I tried whatever and my ball is just moving from left to right.

I could paste my script but it's linked to different Nio's
at least u get the idea: its suppose to be a bouncing ball at the bottom of the screen which bounce back when it collides with the sides of the frame.

Any advice is welcome!

class Bounce {
// variabelen
int x_loc;
int y_loc;
int x_speed;
int y_speed;
int c; // variabele voor kleur
Bounce_body Lichaam;

Bounce(int c_parameterrood,int c_parametergroen,int c_parameterblauw) {
    c = color(c_parameterrood,c_parametergroen,c_parameterblauw);
    Lichaam = new Bounce_body(c);
    x_loc = 20;
    y_loc = 550;
    x_speed = 2;
    y_speed = 2;
   }

void display() {
    Lichaam.display(x_loc,y_loc);
      }

void move() {

x_loc = x_loc + x_speed;
y_loc = (int) sin(y_loc) + y_speed;
if (x_loc<0 || x_loc>width)x_speed = x_speed * -1;
if (y_loc<0 || y_loc>height)y_speed = y_speed * -1;


}}

Replies(3)

clankill3r

Re: Simple question - but not for me... (Parabole movement)

11 months ago

It's better to not write comments in dutch.

Also paste your code in the forum, then select all and press the code button.

That way line numbers appear and things can be pasted as a code in processing instead of a single string that needs to be fixed manually.

Anyway, i made that your script is runnable now for other people that want to look into it.

Bounce b = new Bounce(255, 0, 0);
void setup() {
}
void draw() {
background(255);
b.move();
ellipse(b.x_loc, b.y_loc, 5, 5);
}
class Bounce {
// variabelen
int x_loc;
int y_loc;
int x_speed;
int y_speed;
int c;
// variabele voor kleur
//Bounce_body Lichaam;
Bounce(int c_parameterrood, int c_parametergroen, int c_parameterblauw) {
c = color(c_parameterrood, c_parametergroen, c_parameterblauw);
//Lichaam = new Bounce_body(c);
x_loc = 20;
y_loc = 550;
x_speed = 2;
y_speed = 2;
}
void display() {
// Lichaam.display(x_loc, y_loc);
}
void move() {
x_loc = x_loc + x_speed;
y_loc = (int) sin(y_loc) + y_speed;
if (x_loc<0 || x_loc>width)x_speed = x_speed * -1;
if (y_loc<0 || y_loc>height)y_speed = y_speed * -1;
}
}

newcomix

Re: Simple question - but not for me... (Parabole movement)

11 months ago

ah ye i appreciate the help :D

v.k.

Re: Simple question - but not for me... (Parabole movement)

11 months ago

Well I don't really know parabole maths very good, but i did some cahnges in your code so now the ball moves in both directions. I changed the x and y pos to floats so the math works better (sin values is aways between -1 and 1, so you need floats and a multiplier), and used your sin function to give the ball a more natural behaviour. Might get you started:

Bounce b = new Bounce(255, 0, 0);
void setup() {
}
void draw() {
background(255);
b.move();
ellipse(b.x_loc, b.y_loc, 5, 5);
}
class Bounce {
// variabelen
float x_loc;
float y_loc;
float x_speed;
float y_speed;
int c;
// variabele voor kleur
//Bounce_body Lichaam;
Bounce(int c_parameterrood, int c_parametergroen, int c_parameterblauw) {
c = color(c_parameterrood, c_parametergroen, c_parameterblauw);
//Lichaam = new Bounce_body(c);
x_loc = 20;
y_loc = 0;
x_speed = 2;
y_speed = 2;
}
void display() {
// Lichaam.display(x_loc, y_loc);
}
void move() {
x_loc = x_loc + sin(radians(x_speed))*100;
y_loc = y_loc + y_speed ;
if (x_loc < 0 || x_loc>width)x_speed = x_speed * -1;
if (y_loc < 0 || y_loc > height)y_speed = y_speed * -1;
}
}

Also, a long time ago i tried this sketch for drawing parabolas, it's not really good, but anyway here it goes (it is poorly made so it is drawing a lot out of screen, so wait a little to see the drawing, same for each new curve:

float x=-400, y;
float z=1;
void setup() {
size(900, 900, P3D);
smooth();
background(0);
stroke(255);
}
void draw() {
pushMatrix();
translate(width/2, height/2);
x+=0.5;
if (y>450 && x>0) {
z+=5.0;
x=-400;
}
y=-400+(sq(x)+2*x-3)/z;
if (y>600 && x<0)
{
x+=2;
}
stroke(255);
point(x, y);
stroke(255, 30, 30);
popMatrix();
}

Top Reply