KingOfDog/tetris.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Major rework of basic game code - pre-work for multiplayer

Browse Source 
Includes automatic generation of required HTML elements and better responsiveness
This commit is contained in:
Marcel
2019-07-18 11:49:06 +02:00
committed by KingOfDog
parent 544b988a9b
commit 06a2e582fd
14 changed files with 627 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@@ -7,7 +7,7 @@
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<svg style="position: absolute;" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="f1" x="0" y="0">
<feGaussianBlur in="SourceGraphic" stdDeviation="15"></feGaussianBlur>
@@ -70,16 +70,24 @@
<span class="bar"></span>
</button>
</div>
<div id="background" class="blurred">
<div class="game-stats" id="score" data-string="counterScore" data-string-type="prefix">0</div>
<div class="game-stats" id="time" data-string="counterTime" data-string-type="prefix">00:00</div>
<div id="canvas-container">
<canvas id="tetris-hold" width="100" height="100"></canvas>
<canvas id="tetris-background" width="240" height="400"></canvas>
<canvas id="tetris" width="240" height="400"></canvas>
<canvas id="tetris-upcoming" width="100" height="300"></canvas>
<template id="player-container">
<div class="blurred" id="background">
<div class="game-stats" data-string="counterScore" data-string-type="prefix" id="score">0</div>
<div class="game-stats" data-string="counterTime" data-string-type="prefix" id="time">00:00</div>
<div id="canvas-container">
<canvas height="100" id="tetris-hold" width="100"></canvas>
<canvas height="400" id="tetris-background" width="240"></canvas>
<canvas height="400" id="tetris" width="240"></canvas>
<canvas height="300" id="tetris-upcoming" width="100"></canvas>
</div>
</div>
</template>
<div class="game-container blurred">
</div>
<div id="container">
<h1 id="game-title" data-string="titlePaused" data-string-first-run="titleGame">Tetris.js</h1>
<button id="game-play" data-string="btnResume" data-string-first-run="btnPlay">Play!</button>
@@ -93,12 +101,16 @@
</div>
<script src="https://hammerjs.github.io/dist/hammer.js"></script>
<script src="js/language.js"></script>
<script src="js/helper-functions.js"></script>
<script src="js/theme.js"></script>
<script src="js/game-info.js"></script>
<script src="js/game.js"></script>
<script src="js/arena.js"></script>
<script src="js/player.js"></script>
<script src="js/local-player.js"></script>
<script src="js/tetris-manager.js"></script>
<script src="js/tetris.js"></script>
<script src="js/menu.js"></script>
<script src="js/touch-control.js"></script>
<!--<script src="js/touch-control.js"></script>-->
</body>
</html>
</html>