-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
play.html
86 lines (83 loc) · 1.85 KB
/
play.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
<html>
<head>
<meta charset="UTF-8">
<link rel="icon"
type="image/png"
href="favicon.png">
<title>pinball player</title>
<link href="style.css" rel="stylesheet">
<style>
body {
padding:10px;
}
table {
border:1px gray solid;
}
tr {
border:1px gray solid;
}
td {
border:1px gray solid;
}
#right {
padding:10px;
}
a {
color:gray;
}
hr{
color:gray;
border: 1px dashed gray;
}
#hackArea {
width:100%;
text-align: right;
}
</style>
<script src="player.js"></script>
<script src="FileSaver.js"></script>
<script src="rng.js"></script>
<script src="sfxr.js"></script>
<script src="pinball.js" > </script>
</head>
<body onload="init();" ondragstart="return false;" ondrop="return false;">
<center>
<table><tr>
<td >
<canvas id="mainCanvas" width="500" height="560" ></canvas>
</td>
<td valign="top" width="200" id="right">
<div ><h1 id="gameTitleHeader">plingpling.org game maker</h1></div>
<p id="hackArea">
<a href="http://www.plingpling.org" id="hackLink"></a>
<p>
<hr>
<div> <a id="homepageLinkPlayer" href="http://www.plingpling.org">www.plingpling.org</a></div>
<hr>
<div><h3 style="text-align:center;">Hi Score : <span id="highScoreText"></span> pts</h3></div><p>
<div><h3 style="text-align:center;">Score : <span id="scoreText"></span> pts</h3></div><p>
<div id="ballCount" style="text-align:center;"><h2>∞ balls</h2></div>
<p>
<table style="border:0">
<tr>
<td colspan=2 style="border:0">
<b>Controls:<b>
</td>
</tr>
<tr><td style="border:0">
<b>LEFT</b>/<b>RIGHT</b> </td><td style="border:0"> flippers</td>
</tr>
<tr>
<td style="border:0"><b>DOWN</b> </td><td style="border:0"> launcher</td>
</tr><tr>
<td style="border:0"><b>UP</b></td> <td style="border:0"> tilt</td>
</tr>
<tr>
<td style="border:0"><b>R</b> </td><td style="border:0"> respawn</td>
</tr>
</table>
</td></tr>
</table>
</center>
</body>
</html>