Heim > Web-Frontend > H5-Tutorial > Hauptteil

Teilen Sie ein HTML5-Spiel Sheep Run

零下一度
Freigeben: 2017-04-26 16:15:35
Original
1570 Leute haben es durchsucht

Es gibt einen kleinen Käfer. Nach einer Weile wird die Anzahl der Wölfe groß sein Neustart, anstatt bei 1 zu beginnen, zu erhöhen. Der Herausgeber arbeitet jedoch mit Hochdruck daran, Änderungen vorzunehmen...

<?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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonTeilen Sie ein HTML5-Spiel Sheep Run. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage