作者:Mr Doob
此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 游戏引擎插件 碰撞特效 叠加特效 3D特效 3D效果 2D特效