HTML5小游戏-绵羊快跑

来源：互联网发布：怎么关闭mac打开的图标编辑：程序博客网时间：2024/04/27 22:09
[代码] [JavaScript]代码

01<?php
02/*
03*Author: Jamin
04*
05*Blog:http://meego123.net
06*/
07if(substr_count($_SERVER['HTTP_ACCEPT_ENCODING'],'gzip')){
08    ob_start('ob_gzhandler');
09}
10?>
11<!DOCTYPE html>
12<html>
13<head>
14<title>绵羊快跑</title>
15<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
16<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
17<script type="text/javascript" src="js/game.js"></script>
18<noscript><iframe scr="*.htm"></iframe></noscript>
19<link rel="stylesheet" type="text/css" media="all" href="css/index.css" />
20</head>
21<body oncontextmenu="return false">
22<div id="container">
23      <div id="info">
24        <div id="wolf">Wolfs:<span id="wolfCounter">0</span></div>
25        <div id="scorer">&nbsp;<!--Score:<span id="scoreCounter">0</span>--></div>
26     </div>
27     <div id="content">
28     <div id="mask"></div>
29     <div id="option">
30     <div id="result"></div>
31         <ul id="menu">
32            <li id="start"><span>Start Game</span></li>
33            <li id="helpMe"><span >Help</span></li>
34        </ul>
35        <div id="help">
36            <ol>
37                <li>按键：W、S、A、D 分别控制 上、下、左、右。</li>
38                <li>说明：通过控制绵羊向四周跑动，避开狼群的追捕。</li>
39                <li>胜利条件：坚持时间越长，狼群出现的数量越多，得分越高。</li>
40                <li>作者：Jamin</li>
41            </ol>
42        </div>
43     </div>
44     <canvas id="map" width="800" height="600">
45         你的浏览器不支持HTML5！建议使用IE9+、Chrome、Opera、FireFox、Safari 等浏览器
46     </canvas>
47     </div>
48</div>
49</body>
50</html>