本文实例讲述了javascript实现10个球随机运动、碰撞的方法。分享给大家供大家参考。具体如下：
学了一段时间的javascript了，做过一些小案例，目前最有难度的就是10个小球随机碰撞效果，这不，把它上上来与大家分享一下，相信不少和我一样的菜鸟在开始上手编程时都会有不少的困惑，希望它能给一些人带来帮助。
效果要求：10个小球在页面随机移动，碰到窗口边界或其他小球都会反弹
思路：
1、10个小球是10个div; 2、碰窗口反弹，定义vx vy为小球的移动变量，以及一个弹力变量bounce(负值),小球碰窗口边界时，vx vy分别乘以bounce，则改变了小球移动方向 3、小球相碰反弹，说简单点，当两个小球的圆心距变量dist小于其最小值（半径之和）则改变球的移动方向，实现反弹
好了，代码如下：
html和js是分开的文件哟
test.html文件如下：
<div class="jb51code">
<pre class="brush:xhtml;">