基于HTML5的捕鱼达人游戏网页版

浏览数：32 / 时间：2015年06月09日

之前给大家分享了html5实现的水果忍者，愤怒的小鸟，中国象棋游戏。今天给大家分享一款捕鱼达人（fishjoy）网页版游戏的源码。可以在线玩也可以下载到本地。它使用html5技术和javascript制作而成。整个游戏的仿真度99.99%。效果图如下：

技术分享

在线预览源码下载

实现的代码。

html代码：

<div id="outer">
    <div id="middle">
        <div id="container" style="position:relative;width:980px;height:545px;top:-50%;margin:0 auto;"></div>
        <div id="msg"></div>
    </div>
</div>
<div id="fps" style="position:absolute;top:0;left:0;color:#fff;"></div>

需引用的js：

<script type="text/javascript" src="js/quark.base-1.0.0.alpha.min.js"></script>
<script type="text/javascript" src="src/R.js"></script>
<script type="text/javascript" src="src/Utils.js"></script>
<script type="text/javascript" src="src/fishjoy.js"></script>
<script type="text/javascript" src="src/FishManager.js"></script>
<script type="text/javascript" src="src/FishGroup.js"></script>
<script type="text/javascript" src="src/views/Fish.js"></script>
<script type="text/javascript" src="src/views/Cannon.js"></script>
<script type="text/javascript" src="src/views/Bullet.js"></script>
<script type="text/javascript" src="src/views/Num.js"></script>
<script type="text/javascript" src="src/views/Player.js"></script>