-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (102 loc) · 4.45 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2048 AI Solver</title>
<meta name="description" content="Enhance your 2048 gaming experience with the AI Solver. Boost your strategy and skill level as the AI algorithm navigates the 2048 puzzle, providing solutions and optimizing your gameplay. Elevate your performance in the 2048 game using the powerful AI Solver. Try it now and master the art of 2048 with artificial intelligence assistance.">
<link href="style/main.css" rel="stylesheet" type="text/css">
<link href="style/ai.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<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">
<meta property="og:title" content="2048 AI game"/>
<meta property="og:site_name" content="2048 AI game"/>
<meta property="og:description" content="Join the numbers and get to the 2048 tile! Careful: this game is extremely addictive!"/>
<meta property="og:image" content="/meta/og_image.png"/>
</head>
<body>
<div class="container">
<div class="heading">
<h1 class="title">2048</h1>
<div class="score-container">0</div>
</div>
<p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
<div class="controls">
<div id="hint-button-container">
<button id="hint-button" class="ai-button">Get Hint</button>
</div>
<div id="feedback-container"> </div>
<div id="run-button-container">
<button id="run-button" class="ai-button">Auto-run</button>
</div>
</div>
<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<a class="retry-button">Try again</a>
<div class="score-sharing"></div>
</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. When two tiles with the same number touch, they <strong>merge into one!</strong>
</p>
<hr>
<p>
Created design by Gabriele Cirulli.</a>
</p>
<p>
AI solver by <a href="https://github.com/kaloodinaz/2048-online" target="_blank" >Kaloo Dinaz</a>
</p>
<div class="sharing">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out 2048, a game where you join numbers to score high! #2048game #2048ai" data-via="gabrielecirulli">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^https:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<span class="btc-donate">
<a href="bitcoin:bc1qwqfq0nnum2vdfu7euhjd55adrucgelt4lw3yc2">
<img src="meta/icon_bitcoin.png">Donate
</a>
<span class="address"><code>bc1qwqfq0nnum2vdfu7euhjd55adrucgelt4lw3yc2</code></span>
</span>
</div>
</div>
<script src="js/animframe_polyfill.js"></script>
<script src="js/hammer.min.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/ai.js"></script>
<script src="js/game_manager.js"></script>
<script src="js/application.js"></script>
</body>
</html>