-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·108 lines (98 loc) · 3.52 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Hack Day Match</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<h1>Hack Day Match - 3D Tank War</h1>
<div class="wraper">
<div class="player" id="playA">
<div class="player-info">
<img src="./images/avatar.jpg" class="avatar" />
<div class="info">
玩家 A<br />
得 分： <span id="gradeA">0</span>
</div>
<div id="tankBoxA" class="tankBox"></div>
<div class="blood bloodA">
<div></div>
</div>
</div>
<div class="rein">
</div>
</div>
<div class="w">
<div class="box">
<div class="inBox box-forward" data-num="upF rightF downF leftF" data-v="1"><div></div></div>
<div class="inBox box-back" data-num="upF leftF downF rightF" data-v="2"><div></div></div>
<div class="inBox box-left" data-num="upF forwardF downF backF" data-v="3"><div></div></div>
<div class="inBox box-right" data-num="upF backF downF forwardF" data-v="4"><div></div></div>
<div class="inBox box-top" data-num="backF rightF forwardF leftF" data-v="5"><div></div></div>
<div class="inBox box-bottom" data-num="backF leftF forwardF rightF" data-v="6"><div></div></div>
</div>
</div>
<div class="player" id="playB">
<div class="player-info">
<img src="./images/avatar.jpg" class="avatar avatarB" />
<div class="info infoB">
玩家 B<br />
得 分： <span id="gradeB">0</span>
</div>
<div id="tankBoxB" class="tankBox"></div>
<div class="blood bloodB">
<div></div>
</div>
</div>
<div class="rein">
</div>
</div>
<div class="pujie pujieL" style="display:none">扑街</div>
<div class="pujie pujieR" style="display:none">扑街</div>
<div class="test"></div>
<p style="color:red; line-height:30px; text-align:center;"> <a href="http://www.barretlee.com/blog/2013/06/03/cb-3D-Tank-War/" style="text-decoration:none;">3D遥控坦克大战</a>——Barret Lee</p>
</div>
<div style="display:none">
<audio src="./sound/begin.mp3" controls id="beginSound" autoplay>
您的浏览器不支持 audio 标签。
</audio>
</div>
<a href="https://github.com/demo-platform/3dtank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://www.barretlee.com/blogimgs/forkme.png" alt="Fork me on GitHub"></a>
<!--[if lt IE 9]>
<script>
//<![[
var box = document.createElement("div"),
bug = {
position:'absolute',
'z-index': 9999,
top:'-51px',
height:'50px',
width:'100%',
'border-bottom':'1px solid #238432',
background:'orange',
'text-align': 'center',
'line-height': '50px',
'font-weight': 'bold'
}, key, csses = '', timer = null;
for(key in bug){
csses += key + ":" + bug[key] + ";";
}
box.style.cssText = csses;
box.setAttribute('id', 'bug');
box.innerHTML = "屌丝浏览器玩不了高富帅游戏，请使用现代浏览器！！！";
document.getElementsByTagName('body')[0].appendChild(box);
function ani(){
timer = setTimeout(ani, 10);
var top = parseInt(box.style.top);
if(top >= -1) clearTimeout(timer);
box.style.top = top + 1 + 'px';
}
setTimeout(ani, 800);
//]]>
</script>
<![end if]-->
<script src="./js/main.js"></script>
</body>
</html>
<script src='http://www.barretlee.com/demo-platform.js'></script>