masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > 分享一款HTML5小游戏绵羊快跑

分享一款HTML5小游戏绵羊快跑

零下一度
Lepaskan： 2017-04-26 16:15:35
asal
1606 orang telah melayarinya

有一点小bug，绵羊被抓了，过一段时间重新开始狼的数量会很多，不是从1个开始增加。不过小编正在努力的改中……..

<?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>
Salin selepas log masuk

    [图片] 

分享一款HTML5小游戏绵羊快跑

Atas ialah kandungan terperinci 分享一款HTML5小游戏绵羊快跑. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
HTML5，游戏
sumber：php.cn
Artikel sebelumnya：什么是Notifications？HTML5 Notifications桌面提醒 Artikel seterusnya：分享HTML5 Canvas画印章效果实例代码
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk mengalih keluar ruang di bawah setiap baris pada papan Tic-Tac-Toe dalam Next.js menggunakan CSS? Mengapakah terdapat ruang di bawah setiap baris? (CSS) Saya cuba membuat apl tic-tac-toe N...
daripada 2024-04-05 11:39:02
0
1
1431
Pilih baris pangkalan data yang betul untuk mencapai hasil terkumpul Saya mahu memilih skor terbaik untuk setiap pengguna untuk permainan tertentu. Pertanyaan ...
daripada 2024-04-05 10:37:31
0
1
407
Python/MySQL tidak dapat mengekalkan data integer dengan betul Tiada kod diperlukan di sini. Saya mahu menyimpan nombor yang sangat panjang kerana saya s...
daripada 2024-04-04 19:09:44
0
1
367
PHP: Ungkapan biasa untuk memadankan dan menggantikan berbilang kejadian berbilang padanan pendua Saya sedang mencari untuk menulis sistem kod pendek untuk komuniti/pangkalan data permaina...
daripada 2024-04-04 15:41:01
0
1
439
Soalannya masih sama, tetapi tajuk ditulis semula seperti berikut: Fungsi rawak Javascript saya gagal menghasilkan respons yang sah Saya sedang membuat permainan penjana nombor rawak mudah menggunakan JS dan HTML. Dalam pe...
daripada 2024-04-03 22:03:14
0
1
275
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan