forked from TheReal2048/game20
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (182 loc) · 9.96 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Game #40</title>
<link href="style/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div class="container">
<div class="heading">
<h1 class="title">Game #40</h1>
<h2 class="title">2147483648^3</h2>
<div class="scores-container">
<div class="score-container" id="score-container">0</div>
<div class="best-container">0</div>
</div>
</div>
<p class="game-intro" id="game-intro">Join the numbers and get to the <strong>2147483648^3 = 9.9035203e+27 tile!</strong></p>
<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<a class="retry-button">Try again</a>
</div>
</div>
<div class="grid-container" id="grid-container">
</div>
<div class="tile-container" id="tile-container">
</div>
</div>
<hr>
<p>
Time rush: <br>
<button name="time_rush" type="button" onclick="timeRush(60);">60s Time Rush</button>
<button name="time_rush" type="button" onclick="timeRush(300);">300s Time Rush</button>
<button name="time_rush" type="button" onclick="timeRush(1500);">1500s Time Rush</button>
</p>
<hr>
<p>
My Github: <a href="/~https://github.com/TheReal4096/">TheReal4096</a> <br>
Contributors: <a href="/~https://github.com/CyberZHG/">CyberZHG</a>|
<a href="/~https://github.com/jiangtyd/">jiangtyd</a>|
<a href="/~https://github.com/allbinbin/">allbinbin</a>
</p>
<hr/>
<p>
Save & Load: <br>
<button name="save_board" type="button" onclick="saveBoard();">Save Board</button>
<button name="load_board" type="button" onclick="loadBoard();">Load Board</button>
</p>
<hr>
<p>
Auto move: <br>
<button name="automove" type="button" onclick="doMovementPattern(corner);">Corner</button>
<button name="automove" type="button" onclick="doMovementPattern(swing);">Swing</button>
<button name="automove" type="button" onclick="doMovementPattern(swirl);">Swirl</button>
<button name="automove" type="button" onclick="doMovementPattern(random);">Random</button>
<br/>
<button type="button" onclick="stopMovement();">Stop</button>
</p>
<hr>
<p>
Special Mode: <br>
<button type="button" onclick="changeMode('normal');">Normal</button>
<button type="button" onclick="changeMode('alwaysTwo');">Always 1</button>
<button type="button" onclick="changeMode('fibonacci');">Fibonacci</button>
<button type="button" onclick="changeMode('threes');">Threes</button>
<button type="button" onclick="changeMode('mergeAny');">Unrefined Merge All</button>
<button type="button" onclick="changeMode('powerTwo');">Advanced</button>
<button type="button" onclick="changeMode('tileZero');">Tile 0</button>
<button type="button" onclick="changeMode('tileNegative');">Negative</button>
<button type="button" onclick="changeMode('gravity');">Gravity</button>
<button type="button" onclick="window.location.href='auto_flappy.html';">Auto Flappy</button>
</p>
<hr>
<p>
Size: <br>
<button type="button" onclick="changeSize(1);">1x1</button>
<button type="button" onclick="changeSize(2);">2x2</button>
<button type="button" onclick="changeSize(3);">3x3</button>
<button type="button" onclick="changeSize(4);">4x4</button>
<button type="button" onclick="changeSize(5);">5x5</button>
<button type="button" onclick="changeSize(6);">6x6</button>
<button type="button" onclick="changeSize(7);">7x7</button>
<button type="button" onclick="changeSize(8);">8x8</button>
<button type="button" onclick="changeSize(9);">9x9</button>
<button type="button" onclick="changeSize(10);">10x10</button>
<button type="button" onclick="changeSize(11);">11x11</button>
<button type="button" onclick="changeSize(12);">12x12</button>
<button type="button" onclick="changeSize(13);">13x13</button>
<button type="button" onclick="changeSize(14);">14x14</button>
<button type="button" onclick="changeSize(15);">15x15</button>
<button type="button" onclick="changeSize(16);">16x16</button>
<button type="button" onclick="changeSize(17);">17x17</button>
<button type="button" onclick="changeSize(18);">18x18</button>
<button type="button" onclick="changeSize(19);">19x19</button>
<button type="button" onclick="changeSize(20);">20x20</button>
<button type="button" onclick="changeSize(21);">21x21</button>
<button type="button" onclick="changeSize(22);">22x22</button>
<button type="button" onclick="changeSize(23);">23x23</button>
<button type="button" onclick="changeSize(24);">24x24</button>
<button type="button" onclick="changeSize(25);">25x25</button>
<button type="button" onclick="changeSize(26);">26x26</button>
<button type="button" onclick="changeSize(27);">27x27</button>
<button type="button" onclick="changeSize(28);">28x28</button>
<button type="button" onclick="changeSize(29);">29x29</button>
<button type="button" onclick="changeSize(30);">30x30</button>
<button type="button" onclick="changeSize(31);">31x31</button>
<button type="button" onclick="changeSize(32);">32x32</button>
</p>
<hr>
Skin: <br>
<button type="button" onclick="window.location.href='skin_santi.html';">Grim Reaper</button>
<button type="button" onclick="window.location.href='skin_shito.html';">Apostle</button>
<button type="button" onclick="window.location.href='skin_bkb.html';">Hyogo North</button>
<button type="button" onclick="window.location.href='skin_chemistry.html';">Chemistry</button>
<hr>
<p class="game-explanation">
<strong class="important">Only 1% Of People Won Until Now, Are You In Them? How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong>
</p>
<hr>
<p>
<strong class="important">Fibonacci Sequence:</strong> Use your <strong>arrow keys</strong> or <strong>swipe</strong> to move the tiles. When two neigbouring numbers from the <a href="http://en.wikipedia.org/wiki/Fibonacci_number">Fibonacci sequence</a> touch, they <strong>merge into the next one!</strong>
</p>
<hr>
<p>
<strong class="important">Threes:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with sum of 3 or the same number touch greater than 3 or equal to 3, they <strong>merge into one!</strong>
</p>
<hr>
<p>
<strong class="important">Unrefined Merge All:</strong> Use your <strong>arrow keys</strong> to move the tiles. When <strong>ANY</strong> two tiles touch, they <strong>merge into one!</strong>
</p>
<hr>
<p>
<strong class="important">Advanced:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong><br/>But every time you make a move, the tiles will spawn in consecutive powers of 2 every single time.
</p>
<hr>
<p>
<strong class="important">Tile Zero:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong><br/><strong>Watch out for ‘0’s</strong>—they can only merge with themselves!
</p>
<hr>
<p>
<strong class="important">Negative:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same absolute value touch, they <strong>merge into one!</strong>
</p>
<hr>
<p>
<strong class="important">Gravity:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong><br/>But every time you make a move, gravity has been enabled, and those tiles above will drop to the bottom of the grid.
</p>
<hr>
<p>
<strong class="important">Note:</strong> This site is the final game in TheReal2048's series of games. You can play the the original 2147483648 on your phone via <a href="http://cyberzhg.github.io/2048/">http://git.io/2147483648.</a> All other apps or sites are derivatives or fakes, and should be used with caution.
</p>
<hr>
<p>
Created by <a href="thereal4096.github.io/">TheReal4096</a>. Original 2147483648 created by <a href="github.com/CyberZHG/">CyberZHG.</a> Based on 2048 created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Which was in turn based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a> and conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
</p>
<hr>
</div>
<script src="js/animframe_polyfill.js"></script>
<script src="js/keyboard_input_manager.js"></script>
<script src="js/html_actuator.js"></script>
<script src="js/grid.js"></script>
<script src="js/tile.js"></script>
<script src="js/local_score_manager.js"></script>
<script src="js/game_manager.js"></script>
<script src="js/application.js"></script>
<script>
/*(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49094472-1', 'cyberzhg.github.io');
ga('send', 'pageview');*/
</script>
</body>
</html>