溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關(guān)使用HTML5制作小游戲綿羊快跑的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
有一點小bug，綿羊被抓了，過一段時間重新開始狼的數(shù)量會很多，不是從1個開始增加。不過小編正在努力的改中……..
<?php
*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>勝利條件：堅持時間越長，狼群出現(xiàn)的數(shù)量越多，得分越高。</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>[圖片]
關(guān)于“使用HTML5制作小游戲綿羊快跑的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼