Home > Article > Web Front-end > A small game implemented with js+HTML5 - Fishing Master Game

A small game implemented with js+HTML5 - Fishing Master Game

零下一度Original: 2017-04-28 15:49:395507browse

Everyone has basically played the game Fishing Master. Now I will make one using js+HTML5 Implemented mini-game

2. [Code]

<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="images/icon.png"/>
<link rel="apple-touch-startup-image" href="images/icon.png" />

<style type="text/css">
body, p, canvas
{
    image-rendering: optimizeSpeed;
    -webkit-image-rendering: optimizeSpeed;
    -webkit-interpolation-mode: nearest-neighbor;
}
body{padding:0; margin:0;font-size:12px;background-color:#000;}
body, html{height: 100%;}
#outer{height:100%; overflow:hidden; position:relative; width:100%;}
#outer[id]{display:table; position:static;}
#middle{position:absolute; top:50%;} /* for ie only*/
#middle[id]{display:table-cell; vertical-align:middle; position:static;}
</style>

<title>Fish Joy in HTML5</title>

<script type="text/javascript" src="js/quark.base-1.0.0.alpha.min.js"></script>
<!--<script type="text/javascript" src="fishjoy.game.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>

</head>

<body>

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

</body>

</html>

The above is the detailed content of A small game implemented with js+HTML5 - Fishing Master Game. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to overlay two rectangles on top of each other in html5Next article：How to overlay two rectangles on top of each other in html5

See more

A small game implemented with js+HTML5 - Fishing Master Game

2. [Code]

Related articles