-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
80 lines (78 loc) · 2.89 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Typhoon Tycoon</title>
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="favicon.ico">
<!-- Facebook Open Graph meta tags-->
<meta property="og:image"
content="https://raw.githubusercontent.com/jasonycw/TyphoonTycoon/gh-pages/img/Screenshot_3.png
" />
<meta property="og:description" content="在 21XX 年,飽受颱風困擾的香港終於迎來一線曙光,李氏力場終於成為現實。馬上建立自己的防禦系統,消滅颱風,拯救香港吧!">
<!-- Require.js -->
<script data-main="js/main" src="js/libs/require/require.js"></script>
</head>
<body>
<div id="game">
<div id="welcome">
<h1>Typhoon Tycoon</h1>
<p>Build your own Li's Field to safeguard Hong Kong!</p>
<button id="btn-start">Start</button>
<button id="btn-tutorial">Tutorial</button>
<button id="btn-credit">-=Credit=-</button>
</div>
<div id="game-over">
<h1>Game Over</h1>
<div id="game-over-stat"></div>
<button id="btn-restart">Restart</button>
</div>
<div id="btn-bar">
<button id="btn-power-plant">Power Plant</button><button id="btn-laser-tower">Laser Tower</button><button id="btn-freeze-tower">Freeze Tower</button><button id="btn-repel-tower">Repel Tower</button>
<br>
<button id="btn-nuclear-plant">Nuclear Power Plant</button><button id="btn-university">University</button><button id="btn-research-center">Research Center</button><button id="btn-cheung-kong">Cheung Kong (Holdings) Limited</button>
</div>
<div id="score-bar" class="clearfix">
<span class="title">HSI</span>
<span id="hsi">-</span>
<hr>
<span id="power-title" class="title">Power</span>
<div id="power-bar-base">
<div id="power-bar"></div>
</div>
</div>
<canvas id="game-canvas" width="960" height="600">
Please use a browser that supports HTML5.
</canvas>
<canvas id="back-canvas" width="960" height="600">
Please use a browser that supports HTML5.
</canvas>
</div>
<div id="tutorial-iframe">
<iframe src="readme.html" width="100%" height="100%"></iframe>
</div>
<div id="credit-iframe">
<iframe src="credit.html" width="100%" height="100%"></iframe>
</div>
<audio id="buildSound">
<source src="sounds/sound.mp3" type="audio/mpeg" />
<source src="sounds/sound.wav" type="audio/wav" />
</audio>
<audio id="attackTowerSound">
<source src="sounds/sound.mp3" type="audio/mpeg" />
<source src="sounds/sound.wav" type="audio/wav" />
</audio>
<audio id="freezeTowerSound">
<source src="sounds/sound.mp3" type="audio/mpeg" />
<source src="sounds/sound.wav" type="audio/wav" />
</audio>
<audio id="reflectTowerSound">
<source src="sounds/sound.mp3" type="audio/mpeg" />
<source src="sounds/sound.wav" type="audio/wav" />
</audio>
<audio id="bgm" loop="loop">
<source src="sounds/typhoontycoonfinal.mp3" type="audio/mpeg" />
</audio>
<div id="tooltip"></div>
</body>
</html>