-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
98 lines (98 loc) · 6.01 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>NeoTrap</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.min.css"/>
<link rel="icon" href="png/favicon.ico"/>
<script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>
<script src="engine/hand.js"></script>
<script src="engine/babylon.js"></script>
<script src="game/game.js"></script>
<script src="game/scene.js"></script>
<script src="game/player.js"></script>
<script src="game/analyser.js"></script>
</head>
<body oncontextmenu="return false;">
<div id="splashScreen">
<form action="#">
<p id="warningMessage">Warning!</p>
<p class="aligned">Following game can cause seizures for people with <a style="color: whitesmoke;" href="https://en.wikipedia.org/wiki/Photosensitive_epilepsy" target="_blank">Photosensitive Epilepsy</a></p>
<p class="aligned">In case of seizure, immediately close the browser tab in which game is running and conduct doctor as soon as possible</p>
<p class="aligned">You can close your browser by pressing Alt + F4 (Windows and Linux), Command + Q (Mac)</p>
<p class="aligned">Have fun and stay safe!</p>
<p class="aligned">
<input type="checkbox" id="riskCheckbox" onclick="enablePlay();"/>
<label style="color: whitesmoke;" for="riskCheckbox">I understand the risks and will act accordingly</label>
</p>
<p><a class="waves-effect waves-light btn-large disabled" id="riskButton" onclick="continueToGame();">Continue to game</a></p>
</form>
</div>
<div id="title" class="UI">NeoTrap</div>
<div id="webglLogo" class="UI"><a href="https://www.khronos.org/webgl/" target="_blank"><img src="png/webglLogo.png" width="125" height="50"/></a></div>
<div id="credit" class="UI">Use headphones for the best experience<br/>Created by Omar Huseynov<br/>Made with<br/><a href="http://www.babylonjs.com/" target="_blank"><img src="png/babylonLogo.svg" height="50" width="100"></a></div>
<div id="soundcloudLogo" class="UI"><a href="https://soundcloud.com/" target="_blank"><img src="png/soundcloudLogo.png"/></a></div>
<div id="fps" class="UI"></div>
<div id="score"></div>
<div id="howtoplay">
<p>Use WASD keys or arrow keys to move the box</p>
<p>Use SpaceBar to make the box Jump</p>
<p>Do not collide with cones</p>
</div>
<div class="menu" id="leaderboardMenu">
<span id="totalScore">Total Score <br/></span>
<a class="waves-effect waves-light btn-large" id="Retry" onclick="Retry();">Retry</a>
<a class="waves-effect waves-light btn-large" id="Menu" onclick="Menu();">Menu</a>
<a class="waves-effect waves-light btn-large disabled" id="Leaderboards" onclick="LeaderBoards();">Leaderboards</a>
</div>
<div class="UI menu" id="mainMenu">
<a class="waves-effect waves-light btn-large" id="play" onclick="startPlaying();">Play</a>
<a class="waves-effect waves-light btn-large" id="fullscreen" onclick="toggleFullScreen();">Fullscreen</a>
<div class="input-field col s12" id="difficultyDiv">
<select id="difficulty">
<option value="1">Easy</option>
<option value="2" selected>Medium</option>
<option value="3">Hard (pause)</option>
</select>
<label for="difficulty">Choose difficulty</label>
</div>
<div class="input-field col s12" id="musicDiv">
<select id="music">
<option value="1" selected>Black Coast - TRNDSTTR (Lucian Remix) feat. M.Maggie</option>
<option value="2">Falling - Opia</option>
<option value="3">Enigma - Jordan Comolli</option>
<option value="4">Fire - TheUnder</option>
<option value="5">I am the King - James Meyers</option>
<option value="6">Drop you like - Delax</option>
<option value="7">Atlantic Haze - Osiris feat. Anuka</option>
<option value="8">Sex Whales & Fraxo - Dead to me feat. Lox Chatterbox</option>
<option value="9">Juanna - Intoxicated (Rothmann Remix)</option>
<option value="10">Tim Legend - Holy Water</option>
<option value="11">KRNE - Propane</option>
<option value="12">Sammie Beats - Sativa</option>
<option value="13">Sevnty - Bring it back</option>
<option value="14">Biometrix - Hush feat. Charli Brix</option>
<option value="15">Marshvll - The Vibe VIP. feat. Yung Fusion</option>
<option value="16">Wizard - Settle Down</option>
<option value="17">Hucci - Phoenix</option>
<option value="18">700K Subscriber Mix by Y2K</option>
<option value="19">Zephyr - Soul Trumpet feat. Patricia Edwards</option>
</select>
<label for="music">Choose track</label>
</div>
</div>
<canvas id="renderCanvas" class="UI game"></canvas>
<a href="https://github.com/omarhuseynov011/NeoTrap" target="_blank">
<img class="UI" style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png">
</a>
</body>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="materialize/js/materialize.min.js"></script>
<script>
$(document).ready(function() {
$('select').material_select();
});
</script>
</html>