HTML5游戏引擎插件box2d实现小球碰撞叠加

Jquery特效是一款HTML5小游戏,利用了2D特效引擎插件box2d实现小球碰撞叠加,鼠标在页面空白位置点击一下就会弹出几个圆球出来掉到地上弹跳,停止之后会一直在原来的小球上面叠加上去,一直到整个页面铺满为止,双击某个小球的话就会重新开始,点击鼠标不放则一直弹出小球,可以拖动某个小球扔来扔去,跟浏览器和其它的小球碰撞,跟玩游戏一样,大家可以体验一下哦。

 

为了让大家看到效果,请使用主流的支持HTML5的浏览器,如谷歌,火狐。。。等

 

页面使用代码如下:

<div id="canvas">
  <script  type="text/javascript" src="script/protoclass.js"></script>
  <script  type="text/javascript" src="script/box2d.js"></script>
  <script  type="text/javascript" src="script/main.js"></script>
</div>

 

效果如下:

HTML5游戏引擎插件box2d实现小球碰撞叠加

标签