Share an HTML5 game Sheep Run-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

Share an HTML5 game Sheep Run

零下一度

Apr 26, 2017 pm 04:15 PM

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[&#39;HTTP_ACCEPT_ENCODING&#39;],&#39;gzip&#39;)){
	ob_start(&#39;ob_gzhandler&#39;);
}
?>
<!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>

Copy after login

[Picture]

Share an HTML5 game Sheep Run ##

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!

Statement of this Website

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