There is a small bug. The sheep were caught. After a while, the number of wolves will be very large, instead of starting from 1 started to increase. However, the editor is working hard to make changes...
<?php
/*
*Author: Jamin
*
*Blog:http://meego123.net
*/
if(substr_count($_SERVER['HTTP_ACCEPT_ENCODING'],'gzip')){
ob_start('ob_gzhandler');
}
?>
<!DOCTYPE html>
<html>
<head>
<title>绵羊快跑</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/game.js"></script>
<noscript><iframe scr="*.htm"></iframe></noscript>
<link rel="stylesheet" type="text/css" media="all" href="css/index.css" />
</head>
<body oncontextmenu="return false">
<p id="container">
<p id="info">
<p id="wolf">Wolfs:<span id="wolfCounter">0</span></p>
<p id="scorer"> <!--Score:<span id="scoreCounter">0</span>--></p>
</p>
<p id="content">
<p id="mask"></p>
<p id="option">
<p id="result"></p>
<ul id="menu">
<li id="start"><span>Start Game</span></li>
<li id="helpMe"><span >Help</span></li>
</ul>
<p id="help">
<ol>
<li>按键：W、S、A、D 分别控制 上、下、左、右。</li>
<li>说明：通过控制绵羊向四周跑动，避开狼群的追捕。</li>
<li>胜利条件：坚持时间越长，狼群出现的数量越多，得分越高。</li>
<li>作者：Jamin</li>
</ol>
</p>
</p>
<canvas id="map" width="800" height="600">
你的浏览器不支持HTML5！建议使用IE9+、Chrome、Opera、FireFox、Safari 等浏览器
</canvas>
</p>
</p>
</body>
</html>[Picture]
##
The above is the detailed content of Share an HTML5 game Sheep Run. For more information, please follow other related articles on the PHP Chinese website!
ipad games have no sound
What are the production methods of html5 animation production?
The difference between HTML and HTML5
How to recover files emptied from Recycle Bin
What are the enterprise erp systems?
The role of the formatfactory tool
Java performs forced type conversion
statistical analysis
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
