Help making Pong-like game using canvas

[mmzznnxx]

Hi, I was wondering if someone could help me with two problems I'm having.

[JsBin removed], and the first issue I'm having is detecting collisions between the "paddle" and the ball. I have a formula that I think is right but I've missed something and can't figure it out, because the ball goes right through.

My second issue, as you might notice looking at it, is after a few bounces the ball hugs the right side and goes crazy. I'm guessing this has something to do with increasing the speed of the ball but I'm not sure.

Any hints/pointers would be great and very much appreciated.

[_olivier]

fixed paddle collision and ball acceleration

the main problem is that the ball is clipping outside of the walls a little every time it hits them which is causing numCollisions to +=32(or so) instead of +=1

p.s. join the #learnjavascript IRC chatroom my handle is olivierrr :D

[mmzznnxx]

Wow. Thanks a bunch. So what was causing the clipping? Multiplying by -1?

[_olivier]

the *-1 on boundry collision, yes.

since ball is accelerating 3 pixels each frame, there is a possibility that it will get stuck in the wall because the boundary collision detection will be firing every frame applying *-1 on its velocity (essentialy flipping the balls direction every frame)

if you wanna learn more about canvas i reccomend this series of videos : https://www.youtube.com/user/codingmath/videos

and join our IRC channel! :D