[Bounce against the wall using Tweens]

Thanks for your help, I was able to find a workaround!

[Bounce against the wall using Tweens]

Thanks for the links! Actually, I found an example of what I want to do precisely:

See the Pen oXKmNO by osublake (@osublake) on CodePen

I want my ball to react the same way the square does on that example, without the dragging and the resize of the container. I don't do javascript, so I don't get the code at the moment, I will try to get deeper into this.

[Bounce against the wall using Tweens]

Actually, I need to calculate the bounce manually. I do not want to create a physics engine, just that bouncing thing. Here's a picture to illustrate that:

 

 

So I launch Tween1 because I know the direction and the power of the ball. Then, when the ball hits a wall, I need to create a new tween with new parameters. In that case, I would mainly want to change the y progress to set Tween 2.

 

Is that doable by getting Tween1 values when the ball hits the wall?

 

Thanks for the help!

[Bounce against the wall using Tweens]

Hello, 

 

I was using x and y properties to make a ball move on a straight line. When hitting a wall (eg. x + xSpeed < 0), I just inverted the xSpeed and the ySpeed values.

 

Now, I want to switch to GSAP so I can get onComplete callbacks. I can easily detect when the ball goes out of the bounds, but how can I set a new tween to send the ball on the right direction, with the right x, y, duration and tween ease?

 

Thanks a lot for your help!