-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
213 lines (177 loc) · 10.4 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta property="og:type" content="website">
<meta property="og:title" content="Tetreml DX" />
<meta property="og:description" content="Tetreml in a japanese-style reskin" />
<meta property="og:url" content="https://leduyquang753.github.io/tetreml/" />
<meta property="og:image" content="https://leduyquang753.github.io/tetreml/Icons/Main.png" />
<title>Tetreml DX</title>
<link rel="manifest" href="manifest.json">
<script src="ProgressiveInstaller.js"></script>
<style>
body {
font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
font-size: 12px;
margin: 15px;
}
h1, h2, h3 {
font-family: 'Segoe UI Light', Helvetica, Arial, sans-serif;
font-weight: normal;
}
h1 {
font-size: 40px;
margin-top: 5px;
margin-bottom: 3px;
}
h2 {
font-size: 30px;
margin-bottom: 8px;
}
h3 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 22px;
}
h4 {
margin-bottom: 4px;
}
.linkButton {
display: inline;
background-color: #DDD;
border-radius: 3px;
font-size: 20px;
padding: 5px;
color: black;
text-align: center;
}
a {
text-decoration: none;
}
p {
text-align: justify;
}
ul {
list-style-type: "– ";
}
details h4, details p, details ul, details details {
margin-left: 30px;
}
</style>
</head>
<body>
<h1>Tetreml DX</h1>
<span><i>Tetreml in a japanese-style reskin</i></span>
<h2>Play it</h2>
<span>
<a href="Tetreml.html"><div class=linkButton>Singleplayer</div></a>
<a href="Tetreml-2P.html"><div class=linkButton>Two-player</div></a>
<a href="Tetreml-sandbox.html"><div class=linkButton>Sandbox</div></a>
</span>
<br>
<p>
<a href="ReplayerSingleplayer.html">Singleplayer replay viewer</a><br>
<a href="Customizer.html">Customize</a>
</p>
<p><b>Note: </b>This game only works with Chromium browsers (Google Chrome, Microsoft Edge,...) and Firefox. Please use one of those to play.</p>
<h2>How to play</h2>
<h3>Basics</h3>
<p>The game happens in a "machine" called <i>Tetrion</i>. You try to drop pieces, called <i>tetriminoes</i>, into it such that they form a continuous line from the Tetrion's left edge to the right, in which case they disappear. But don't let the tetriminoes stack too high, the machine will overflow and it'll be <i>Game over</i>.</p>
<p>Each tetrimino entering the machine falls naturally, at the speed that gets faster and faster as you play. If it cannot fall further into the machine for some time, it locks in place and the next tetrimino enters the Tetrion.</p>
<p>To maneuver the falling tetrimino, there are these buttons:</p>
<ul>
<li><i>Move left</i></li>
<li><i>Move right</i></li>
<li><i>Rotate clockwise</i></li>
<li><i>Rotate counterclockwise</i></li>
<li><i>Soft drop</i>: Makes the tetrimino fall faster than natural.</li>
<li><i>Hard drop</i>: Drops the tetrimino as far as possible and lock it there.</li>
</ul>
<p>The <i>NEXT</i> box allows you to see which tetriminoes are waiting to enter the Tetrion, so you can plan ahead and score more points.</p>
<p>The <i>HOLD</i> box can store one tetrimino for use later. By pressing the <i>Hold</i> button you can send the current tetrimino there and take the tetrimino that was previously in the box, putting it into the Tetrion again. If there is nothing in the HOLD box, the NEXT piece will enter the machine instead.</p>
<h3>Scoring</h3>
<p>You receive points when you lock a tetrimino, when you clear lines, or when you do special things. <i>Tetreml</i> has two scoring systems in place:</p>
<details>
<summary>Tengen-like</summary>
<h4>Locking</h4>
<p>When you lock a tetrimino, the higher it is, or the higher the level, the more points you receive, up to 1000 each tetrimino.</p>
<h4>Clearing lines</h4>
<p>Normally, when you lock a tetrimino, you receive additional points for number of lines you clear after doing so:</p>
<ul>
<li>1 line – <i>Single</i>: 100 points</li>
<li>2 lines – <i>Double</i>: 400 points</li>
<li>3 lines – <i>Triple</i>: 900 points</li>
<li>4 lines – <i>Tetris</i>: 2500 points</li>
</ul>
<h4>Combo</h4>
<p>If you clear lines consecutively, you are creating what's called a <i>combo</i> and you will be awarded additional points of 50 . (number of consecutive clearings – 1). For example, if this is the 4th consecutive tetrimino that clears lines, you will get 50(4–1) = 150 points.</p>
<h4>T-spin</h4>
<p>If you manage to rotate the T tetrimino such that it jumps in a specific way (usually into a tight slot), it's called a T-spin. The amount of points you receive depends on the number of lines cleared and the judgement of the spin itself, overriding the <i>Clearing lines</i> section above:</p>
<ul>
<li><i>T-spin mini zero</i>: 25 points</li>
<li><i>T-spin mini single</i>: 50 points</li>
<li><i>T-spin mini double</i>: 75 points</li>
<li><i>T-spin zero</i>: 50 points</li>
<li><i>T-spin single</i>: 150 points</li>
<li><i>T-spin double</i>: 600 points</li>
<li><i>T-spin triple</i>: 1250 points</li>
</ul>
<h4>Back-to-back</h4>
<p>If you manage to get consecutive Tetrises, T-spin mini doubles or T-spins at least single, it's called <i>Back-to-back</i>, and the amount of points you receive from clearing the lines will be increased by 50%.</p>
<h4>All clear</h4>
<p>If you clear the lines such that the Tetrion becomes empty, it's an <i>All clear</i>, and you get 1000 points.</p>
</details>
<details>
<summary>Guideline</summary>
<h4>Dropping</h4>
<p>When you soft or hard drop a tetrimino, you receive 1 point for each block soft dropped, and 2 points for each block hard dropped.</p>
<h4>Clearing lines</h4>
<p>Normally, when you lock a tetrimino, you receive additional points for number of lines you clear after doing so:</p>
<ul>
<li>1 line – <i>Single</i>: 100 points . level</li>
<li>2 lines – <i>Double</i>: 300 points . level</li>
<li>3 lines – <i>Triple</i>: 500 points . level</li>
<li>4 lines – <i>Tetris</i>: 800 points . level</li>
</ul>
<h4>Combo</h4>
<p>If you clear lines consecutively, you are creating what's called a <i>combo</i> and you will be awarded additional points of 50 . (number of consecutive clearings – 1) . level. For example, if this is the 4th consecutive tetrimino that clears lines at level 6, you will get 50(4–1).6 = 900 points.</p>
<h4>T-spin</h4>
<p>If you manage to rotate the T tetrimino such that it jumps in a specific way (usually into a tight slot), it's called a T-spin. The amount of points you receive depends on the number of lines cleared and the judgement of the spin itself, overriding the <i>Clearing lines</i> section above:</p>
<ul>
<li><i>T-spin mini zero</i>: 100 points</li>
<li><i>T-spin mini single</i>: 200 points</li>
<li><i>T-spin mini double</i>: 400 points</li>
<li><i>T-spin zero</i>: 400 points</li>
<li><i>T-spin single</i>: 800 points</li>
<li><i>T-spin double</i>: 1200 points</li>
<li><i>T-spin triple</i>: 1600 points</li>
</ul>
<h4>Back-to-back</h4>
<p>If you manage to get consecutive Tetrises, T-spin mini doubles or T-spins at least single, it's called <i>Back-to-back</i>, and the amount of points you receive from clearing the lines will be increased by 50%.</p>
<h4>All clear</h4>
<p>If you clear the lines such that the Tetrion becomes empty, it's an <i>All clear</i>, and you get 1000 points.</p>
</details>
<h3 style="margin-top: 10px;">Some technical things for nerds</h3>
<h4>Lock delay</h4>
<p>When the tetrimino realizes it cannot fall anymore, it will wait for a small while before deciding to lock into place. If you successfully rotate it, the timer will reset. However, you can only rotate a number of times until that no longer works, but if the tetrimino falls further, you can rotate it to reset the timer again.</p>
<h4>Clear delay</h4>
<p>After lines are cleared, the Tetrion pauses for a brief moment before letting a new tetrimino enter. The amount of time is half a second most of the time, but it is a full second when you level up in singleplayer or get an <i>All clear</i>.</p>
<h4>Auto-repeat</h4>
<p>When you hold down the <i>Move left</i> or <i>Move right</i> button, after an amount of time called <i>Auto repeat delay</i>, the game will continue to move the tetrimino every interval known as <i>Auto repeat period</i>. These can be adjusted in the <i>Game options</i>.</p>
<h3>Player versus player (PvP)</h3>
<p>The two-player version is essentially a PvP game: the two battle until one gets their Tetrion full and eliminated. There are special mechanics in this version:</p>
<h4>Global level</h4>
<p>When a player clears lines, the number of lines cleared gets added to a total of both players and is used to calculate the level, thus falling speed, of both players. Thus, if your opponent is slow, you can still boost it fast yourself.</p>
<h4>Garbage</h4>
<p>If a player clears lines, makes a combo or other things, they can send <i>garbage lines</i> to the opponent which push stuff in the opponent's Tetrion upwards. Each Tetrion has a gauge displaying garbage the opponent has sent waiting to be deployed. When they appear, don't be panic yet, there is a delay before they actually get inside the Tetrion, and you can do the same as attacking to negate them.</p>
<h2>Game controls</h2>
<p>Game controls are viewable and customizable in each game mode. An exception is the sandbox whose controls derive from singleplayer, thus changing singleplayer controls also changes the sandbox's.</p>
<h2>Resource packs</h2>
<p>Some resource packs for <i>Tetreml</i> can be downloaded <a href="https://drive.google.com/drive/folders/1PtcpV1ZWVz2ZcbvElGPdCjZzHehA7f8t?usp=sharing">here</a>. They can be applied via <a href="Customizer.html">the customizer</a>.</p>
<h2>Data privacy</h2>
<p>Currently, <i>Tetreml</i> doesn't send your data anywhere. All data: high score, controls and other configurations are stored locally on your computer. This may change in the future as new features are added. If you are concerned, you can keep an eye on this section for latest updates.</p>
<h2>Issues</h2>
<p>If you encounter bugs or have some improvement suggestions in mind you can report them on the <a href="https://github.com/leduyquang753/tetreml/issues/">GitHub repository</a>.</p>
</body>
</html>