-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (54 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<title>Find the Crystal Ball! v1.0</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style/s.css" />
<script src="script/browser.js"></script>
<!-- adding some meta stuff here -->
<meta name="description" content="a free Open Source online Dragon Ball finding game" />
<meta name="keywords" content="dbz, game, web, html, css, javascript, ryuguu-chan, ogan, özkul, oezkul, anime, manga, cute" />
<meta name="author" content="Ogan Özkul aka Ryuguu - Chan" />
<meta name="og:image" content="img/preview.jpg" />
<link rel="icon" type="image/png" href="img/favicon.png" />
</head>
<body onkeypress="KeyPressed()">
<!--[if IE]>
<strong style="color: red;">THIS GAME DON'T WORK ON INTERNET EXPLORER!</strong>
<![endif]-->
<header>
<table>
<tr>
<!-- the Bulma pic finnally appears :D -->
<td rowspan="100"><img id="BulmaPi" src="img/bulma_r.png" title="bulma" /></td>
<td id="Titre">Find the Crystal Ball! v1.0</td>
</tr>
<tr>
<td colspan="100" id="sTitre">Developped by Ogan Özkul aka Ryuguu Chan (<a href="https://twitter.com/ChanRyuguu" target="_blank">twitter</a>) (<a href="https://github.com/Ryuguu-Chan" target="_blank">github</a>) (<a href="https://www.buymeacoffee.com/ryuguuchan">Buy me coffee</a>) (<a href="https://github.com/Ryuguu-Chan/FindTheDragonBalls">Source code</a>)<br/><br/></td>
</tr>
</table>
</header>
<!--<p id="debugDisplay00"></p>-->
<a onclick="ActivateMusic()" id="MusicIcon"><img src="img/no_music.png" id="MusicIconImg" width="40px" /></a>
<div id="main">
<!-- The main front-end part -->
<canvas id="mainGame" width="500" height="500">
<!-- gfx -->
<!-- if the web browser is uncapable to compute anything -->
<p>Your browser doesn't have the faculty of computing a simple canvas code... shameful</p>
</canvas><br/>
<a class="pButton" id="left" onclick="TactileKeyPressed(97)">LEFT</a>
<a class="pButton" id="up" onclick="TactileKeyPressed(119)">UP</a>
<a class="pButton" id="down" onclick="TactileKeyPressed(115)">DOWN</a>
<a class="pButton" id="right" onclick="TactileKeyPressed(100)">RIGHT</a>
<a onclick="MakeLevel()" id="makeL">START THE GAME</a>
<p id="points">SCORE : </p>
<p id="ballScoreText">Drag<span style="color: orange; font-family: DBZfont">o</span>n<span style="color:red; font-family: DBZfont">balls</span> : <span id="ballpoints">0</span>/7</p>
<br />
<script src="script/gfx.js"></script>
<script src="script/bgm.js"></script>
<script src="script/dragonball.js"></script>
<script src="script/dbz.js"></script>
</div>
</body>
</html>