jeffcheasey88/EndG-2048-multiplayer
1
0
Fork 0
forked from EndMove/EndG-2048
Code Pull Requests Activity

MultiPlayer V1, its a pure 1 vs 1

Browse Source
This commit is contained in:
jeffcheasey88
2023-03-25 19:34:30 +01:00
parent c59a35cf62
commit b39c986e12
9 changed files with 176 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
index.html
View File

@@ -18,12 +18,11 @@
</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 class="score-container score-container-game1">0</div>
<div class="best-container best-container-game1">0</div>
</div>
</div>
@@ -33,7 +32,7 @@
</div>
<div class="game-container">
<div class="game-message">
<div class="game-message game-message-game1">
<p></p>
<div class="lower">
<a class="keep-playing-button">Keep going</a>
@@ -67,17 +66,55 @@
<div class="grid-cell"></div>
</div>
</div>
<div class="tile-container">
<div class="tile-container tile-container-game1"></div>
</div>
</div>
<div class="container">
<div class="heading">
<h1 class="title">2048</h1>
<div class="scores-container">
<div class="score-container score-container-game2">0</div>
<div class="best-container best-container-game2">0</div>
</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>
<strong class="important">Note:</strong> This site is the official version of 2048. You can access it on your phone via the <a href="https://hub.endmove.eu">EndStorage Hub</a>.
</p>
<div class="game-container">
<div class="game-message game-message-game2">
<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 tile-container-game2"></div>
</div>
</div>
<script src="assets/js/bind_polyfill.js"></script>
@@ -87,7 +124,7 @@
<script src="assets/js/html_actuator.js"></script>
<script src="assets/js/grid.js"></script>
<script src="assets/js/tile.js"></script>
<script src="assets/js/local_storage_manager.js"></script>
<script src="assets/js/remote_storage_manager.js"></script>
<script src="assets/js/game_manager.js"></script>
<script src="assets/js/application.js"></script>
</body>