repl.it
@andypalan/

worldWarZ

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • game.js
  • README.md
  • style.css
  • three.min.js
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
<html>
	<head>
		<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">
		<script type="text/javascript" src="three.min.js"></script>
        <script type="text/javascript" src="game.js"></script>
		<link href="style.css" rel="stylesheet">
	</head>
	<body>
		<div class="panel">
            <div class="title_div">
                <h1>
    <!--				<span class="the">World</span>-->
                    <span class="title">World War Z</span>
                    <span class="byline">Fight for survival.</span>
                </h1>
            </div>
			<div class="entries">
				<div class="entry">
					<label>Coins</label>
					<p id="coinsCollected" class="coinsCollected">0</p>
				</div>
				<div class="entry">
					<label>Health</label>
					<div class="status">
						<div class="healthBar" id="healthBar"></div>
					</div>
				</div>
                <p class="instructions">Use the mouse/trackpad to move. Click to shoot.<br><br>Collect the gold coins, avoid the meteors. You get two coins for every piece of meteor you destroy.</p>
                <div class="entry" id="click_message">
                    <h2>Click to Start.</h2>
                </div>
			</div>
		</div>
		<div id="world"></div>
	</body>
</html>
result
console
?