This repository was archived by the owner on Nov 29, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (124 loc) · 6.57 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2048</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">
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<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">2048</h1>
<div class="scores-container">
<div class="score-container">0</div>
<div class="best-container">0</div>
</div>
</div>
<div class="above-game">
<p class="game-intro">Join the numbers and get to the </p>
<p class = "game-targetScore" id = "targetScore" ><strong> 0 </strong></p>
<p class = "game-intro" > tile!</p>
<a class="restart-button">New Game</a>
</div>
<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<a class="keep-playing-button">Keep going</a>
<a class="retry-button">Try again</a>
</div>
</div>
<div class="grid-container">
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
</div>
<div class="tile-container">
</div>
</div>
<p class="game-explanation">
<strong class="important">How to play:</strong>Use your <strong>arrow keys</strong> to move the tiles.<strong>Merge</strong> them into one!
</p>
<p class="game-explanation">
<strong>Bad Cells:</strong>惩罚方块:
</p>
<p class="game-explanation-content">
<strong>⛔</strong>:Unmovable. cannot add with other cells(can be remove by powerups).无法移动，无法与其它方块合并（但可以被奖励方块移除）
</p>
<p class="game-explanation-content">
<strong>❄</strong>:Movable. cannot add with other cells(can be remove by powerups).可以移动，但无法与其它方块合并
</p>
<p class="game-explanation-content">
<strong>3</strong>:Moveable. can add with other 3s(can be removed by powerups).可以移动，可以和3结合（虽然并没有什么用）
</p>
<p class="game-explanation">
<strong>PowerUps(may not so good):</strong> （并不一定好的）奖励方块
</p>
<p class="game-explanation-content">
<strong>✂</strong>: remove one cell in the direction player choose.移除玩家行进方向上的一个方块
</p>
<p class="game-explanation-content">
<strong>📩</strong>: remove the whole column or row of the cell, direction is on player's choice, and change to these nums' sum.将本行/列所有方块移除，并变为这些方块之和（向2取整，若为空则变为坏方块）
</p>
<p class="game-explanation-content">
<strong>➖</strong>: remove the whole column and row of this cell, change to these num's sum.移除本行与本列所有方块，并返回这些方块的和（向2的N次方取整）
</p>
<p class="game-explanation-content">
<strong>➕</strong>: can sum to any cell.变为移动方向上的方块对应的数（若不存在或其无法合并，则不变化）
</p>
<p class = "game-explanation-content">
<strong>🔀</strong>: sum cells with specific num on the gird, and change to these nums' sum.消除特定数字，然后在本方块原地生成这些数字的和（向2的N次方取整）
</p>
<p class="game-explanation-content">
<strong>🔁</strong>: change to a random num(range in (1 ~ double of the max value on the grid).变为一个随机的数字（2~场上最大数字的2倍）
</p>
<p calss="game-explanation-content">
<strong>💣</strong>: a great bomb that can remove all cells on the 3*3 grids of this cell, and change to these cells' sum(floor to power of 2).消除自身为中心3*3的所有方块，然后变为这些方块的和
</p>
<hr>
<p>
Created by Je.
</p>
</div>
<script src="js/bind_polyfill.js"></script>
<script src="js/classlist_polyfill.js"></script>
<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_storage_manager.js"></script>
<script src="js/game_manager.js"></script>
<script src="js/application.js"></script>
</body>
</html>