-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (68 loc) · 2.87 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>The R^N Game</title>
<link rel="stylesheet" type="text/css" href="gameStyle.css"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<script type="text/javascript" src="gameEngine.js"></script>
</head>
<body>
<div class="header">
<div class="headerName">2048, 4096, ...</div>
<div class="headerSub">
TOOLKIT FOR THE <strong>R^N GAME</strong>
<br/>
<div class="headerSub2">{ FOR WHICH PEOPLE SEEM TO BE QUITE CRAZY RIGHT NOW }</div>
</div>
<div class="headerSub2">
Created by <a target="_blank" href="http://abhishekcghosh.github.io/">Abhishek Ghosh</a>
</div>
</div>
<div class="gameArea" id="gameArea">
</div>
<div class="footer">
Use <strong>ARROW KEYS</strong> to to move the tiles. When two tiles <br/>
with the same number touch, they <strong>merge into one!</strong>
<br/><br/>
Click on <strong>menu icon</strong> at the top right of the<br/>
window to open the <strong>Game Generator</strong>.
<br/><br/>
<a target="_blank" href="http://github.com/abhishekcghosh/RNGame">www.github.com/abhishekcghosh/RNGame</a>
<br/><br/>
Based on the <a href="http://gabrielecirulli.github.io/2048/">works of Gabriele Cirulli</a>,
which was inspired by <a target="_blank" href="http://itunes.apple.com/us/app/1024!/id823499224">1024 by Veewo Studio</a>
<br/>
and conceptually similar to <a target="_blank" href="http://asherv.com/threes/">Threes by Asher Vollmer</a>.
<br/>
<br/>
This code is developed from scratch but is identical in concept and created with an additional<br/>
agenda of developing an extensible framework for experimenting with the game itself.
</div>
<div class="menuIcon" id="menuIcon">
</div>
<div class="sidePane" id="sidePane">
<br/><br/>
<strong>GAME GENERATOR</strong>
<br/><br/>
<table cellpadding="2" cellspacing="5" width="100%">
<tr><td>Mantissa, R [2-10]</td><td><input type="text" id="ggR" value="2" ></td></tr>
<tr><td>Winning Exponent, N [2-20]</td><td><input type="text" id="ggN" value="11" ></td></tr>
<tr><td>Grid Size, K (KxK grid) [2-20]</td><td><input type="text" id="ggK" value="4" ></td></tr>
<tr><td>Tile Size, T (pixels) [50-300]</td><td><input type="text" id="ggT" value="120" ></td></tr>
<tr><td></td><td><input type="button" value="Add Game" id="ggB1"></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td>Current Game Index, CGI</td><td><input type="label" value="0" id="ggCGILabel" disabled="disabled"></td></tr>
<tr><td>Set CGI to</td><td>
<select id="ggCGISelect">
<option value="0">0</option>
<option value="1">1</option>
</select>
</td></tr>
<tr><td></td><td><input type="button" id="ggB2" value="Update CGI"></td></tr>
</table>
</div>
</body>
</html>