-
Notifications
You must be signed in to change notification settings - Fork 5
/
game.html
72 lines (70 loc) · 2.84 KB
/
game.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Laser 0.7</title>
<meta name="description" content="">
<!-- Prevent zooming http://www.html5rocks.com/en/mobile/touch/ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/style.debug.css">
<script src="modernizr.js"></script>
<script src="utils.js"></script>
<script src="mouse.js"></script>
<script src="config.js"></script>
<script src="levels.js"></script>
<script src="game.js"></script>
<script src="interface.js"></script>
</head>
<body class="loading">
<header class="header" id="header">
<nav>
<ul class="main-nav">
<li class="main-nav-item">
<a href="#settings" class="js-overlay"><i class="icon-cog"></i>Settings</a>
<div id="settings" class="menu-content about">
<div class="setting" id="reset">Reset Progress</div>
<label class="setting" for="reload">Enable Resize/Rotation <input type="checkbox" id="reload"></label>
<label class="setting" for="audio">Enable Sound <input type="checkbox" id="audio"></label>
<br><br>
Developed by Giulia Alfonsi.<br><br>
This is just a copy of <a href="http://pyrosphere.net/lazors/" target="_blank">Lazors</a> puzzle game, to learn and improve my knowledge of JavaScript canvas.<br><br>
I do not own any copyright on the original Lazors.<br><br>
My purpose is solely to learn canvas while playing with one of my favourite games for smartphone.<br>
I aim to make this version working on any device that support canvas, independently of the screen size.<br>
Live demo at <a href="http://giugee.com/laser-game-canvas/" target="_blank">http://giugee.com/laser-game-canvas/</a> and source code on <a href="https://github.com/electricg/laser-game-canvas/" target="_blank">GitHub</a>.<br><br>
</div>
</li>
<li class="main-nav-item">
<a href="#levels" class="js-overlay"><i class="icon-tasks"></i>Levels</a>
<div id="levels" class="menu-content"></div>
</li>
<li class="main-nav-item level-title-wrapper">
<div class="level-title" id="title"></div>
<div id="solution" class="menu-content">
<a href="#" id="level-solution">Show solution</a>
</div>
</li>
<li class="main-nav-item">
<a href="#" class="level-nav-button js-nav-button" id="prev" title="Previous Level"><i class="icon-caret-left"></i>Previous</a>
</li>
<li class="main-nav-item">
<a href="#" class="level-nav-button js-nav-button" id="next"><i class="icon-caret-right" title="Next Level"></i>Next</a>
</li>
</ul>
</nav>
</header>
<div class="main">
<div class="game-wrapper">
<div class="game" onselectstart="return false;">
<canvas id="game-main" height="600" width="600"></canvas>
</div>
</div>
<div class="victory">
<div>
<h1>Congratulations!</h1>
Level completed.
</div>
</div>
</div>
</body>
</html>