html5 乒乓球(碰撞检测)实例二_html5教程技巧

演示地址

http://koking.8u.hanmandarin.com/html5/1.html

简单介绍

小球可以在方框内部*运动
可以通过方向键控制黑色砖块上下左右移动去与小球发生碰撞

代码实现

复制代码

代码如下:

难点

小球和砖块的碰撞检测以及碰撞处理
将砖块分解为4条线段
分别对小球和每条线段进行碰撞检测。

小球和线段的碰撞检测在另一篇文章http://www.jb51.net/html5/93997.html中有介绍。