-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (103 loc) · 5.5 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
<!DOCTYPE html>
<html>
<head>
<title>TETRA</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta name="og:title" content="TETRA">
<meta name="og:description" content="A classic four-cell block stacker">
<meta name="og:image" content="tetra.png">
<meta name="og:url" content="https://tetra.epicpuppy.dev">
</head>
<body>
<h2 id="score">LEVEL 00 | LINES 0000 | SCORE 0000000</h2>
<h4 id="high">HIGH SCORE 0000000</h4>
<div id="main">
<div id="hold-container">
<h3 id="hold">HOLD</h3>
<canvas id="hold-canvas" width="100" height="200"></canvas>
<h4 id="pcs">Pieces: 0</h4>
<h4 id="pps">PPS: 0.00/s</h4>
<h4 id="apm">APM: 0.0/m</h4>
<h4 id="sps">SPS: 0.0/s</h4>
<h3 id="b2b" style="display: none">B2B x0</h3>
<h3 id="tspin" style="opacity: 0">T-SPIN</h3>
<h3 id="pc" style="opacity: 0">PERFECT CLEAR</h3>
<h3 style="opacity: 0">T-SPIN DOUBLE MINI</h3>
</div>
<canvas id="game" width="100" height="200"></canvas>
<div id="next-container">
<h3 id="next">NEXT</h3>
<canvas id="next-canvas" width="100" height="200"></canvas>
<h3 style="opacity: 0">T-SPIN DOUBLE MINI</h3>
</div>
</div><br>
<p>V0.2.16</p>
<p id="debug" style="display:none">DEBUG</p>
<button id="pause" onclick="pause()">PAUSE</button><br>
Starting Level: <input id="start-level" type="number" max="29" value="0"><br>
Mode: <select id="mode">
<option value="0">Modern</option>
<option value="1">Classic</option>
<option value="2">Zen</option>
</select><br>
<button onclick="newGame()">NEW GAME</button>
<h2>Settings</h2>
<button onclick="updateSettings()">APPLY & SAVE</button><br>
<br>
<div id="settings">
<div id="das" class="set-cat">
<b>DAS</b> @ 60fps <br>
Delay: <input id="das-delay" type="number" value="15" max="600">F<br>
Speed: <input id="das-speed" type="number" value="3" max="60">F<br>
<br>
<b>SOFT DROP:</b> <input id="soft-drop-speed" type="number" value="5" max="600">x<br>
<br>
<b>CONNECTED TEXTURES:</b> <select id="connected-textures"><option value="false">OFF</option><option value="true" selected>ON</option></select><br>
<br>
<b>SKIN:</b> <select id="select-skin">
<option value="skins/default.json">Default</option>
<option value="skins/legacy.json">Legacy</option>
<optgroup label="Original Skins">
<option value="skins/neon.json">Neon</option>
<option value="skins/wireframe.json">Wireframe</option>
<option value="skins/minimalist.json">Minimalist</option>
<option value="skins/monochrome.json">Monochrome</option>
<option value="skins/8bit.json">8-bit</option>
<option value="skins/8x8.json">8x8</option>
<option value="skins/monochrome8x8.json">Monochrome (8x8)</option>
</optgroup>
<optgroup label="Meme Skins">
<option value="skins/tiny.json">Tiny</option>
<option value="skins/rounded.json">Minimalist Rounded</option>
<option value="skins/cursed.json">Cursed</option>
<option value="skins/tinycursedrounded.json">Rounded Tiny Cursed</option>
<option value="skins/mine.json">CraftMine</option>
<option value="skins/brown.json">Brown</option>
</optgroup>
<optgroup label="Retro Inspired">
<option value="skins/nes.json">NES</option>
<option value="skins/snes.json">SNES</option>
<option value="skins/gameboy.json">GameBoy</option>
<option value="skins/gameboycolor.json">GameBoyColor</option>
</optgroup>
<option value="custom">Custom</option>
</select><br>
Custom Skin: <input id="skin-file" type="text"><br>
</div>
<div id="key" class="set-cat">
<b>KEYS</b><br>
Left: <button id="key-left" onclick="rebind('left')">ArrowLeft</button><br>
Right: <button id="key-right" onclick="rebind('right')">ArrowRight</button><br>
Soft Drop: <button id="key-soft" onclick="rebind('soft')">ArrowDown</button><br>
Hard Drop: <button id="key-hard" onclick="rebind('hard')">Space</button><br>
Rotate CW: <button id="key-rotateCW" onclick="rebind('rotateCW')">X</button><br>
Rotate CCW: <button id="key-rotateCCW" onclick="rebind('rotateCCW')">Z</button><br>
Hold: <button id="key-hold" onclick="rebind('hold')">ShiftLeft</button><br>
Retry: <button id="key-retry" onclick="rebind('retry')">R</button><br>
Pause: <button id="key-pause" onclick="rebind('pause')">Escape</button><br>
<br>
</div>
</div>
<script src="tetra.js"></script>
</body>
</html>