myxelium/Blocks-Game
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Added stats to the game, health left and score, and what level you are on

Browse Source
This commit is contained in:
SocksOnHead
2020-03-12 13:39:43 +01:00
parent 9d462fad87
commit 8e6c5b4f67
3 changed files with 184 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
index.php
View File

@@ -1,27 +1,27 @@
<html>
<head>
<title>My Electron Frameless Window</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- <link rel="stylesheet" href="style.css"> -->
<link rel="stylesheet" href="cards.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
#particles-js {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -50;
background-image: url(assets/textures/bg.png);
background-size: cover;
}
</style>
<div id="particles-js"></div>
<body>
<head>
<title>Blocks demo</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- <link rel="stylesheet" href="style.css"> -->
<link rel="stylesheet" href="cards.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
#particles-js {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -50;
background-image: url(assets/textures/bg.png);
background-size: cover;
}
</style>
<div id="particles-js"></div>
<body>
<div id="title-bar">
<div id="title">
Blocks
@@ -32,23 +32,32 @@
<button class="nav-btn-xe" id="close-btn"></button>
</div>
</div>
<!--- <div loaded="template/window_settings.html"></div> --->
<div class="flexwrap">
<div id="wrapper">
<div id="test-group"></div>
</div>
<!--- <div loaded="template/window_settings.html"></div> --->
<div class="flexwrap">
<div class="stats">
<div id="health"></div>
<div id="container_r">Round:&nbsp;<div id="round"></div>
</div>
<!-- <button type="button">Start</button>
<div id="container_r">&nbsp;Score:&nbsp;<div id="score">0</div>
</div>
</div>
<div id="wrapper">
<div id="test-group"></div>
</div>
</div>
<!-- <button type="button">Start</button>
<button type="button" style="position:fixed; right: 300px;" onclick="clear_playground()">Clear</button> -->
<div id="alerted"></div>
<div id="start-the-game" onclick="initiate()">
Start
</div>
<script src="scripts/gameboard.js"></script>
<!-- particles.js library -->
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="scripts/particles.js"></script>
</body>
</html>
<div id="alerted"></div>
<div id="start-the-game" onclick="initiate()">
Start
</div>
<script src="scripts/gameboard.js"></script>
<!-- particles.js library -->
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="scripts/particles.js"></script>
</body>
</html>