-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
126 lines (109 loc) · 3.74 KB
/
about.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title> Jump Block </title>
<link rel="stylesheet" property="stylesheet" type="text/css" href="css/style.css" />
<head profile="favicon">
<link rel="icon"
type="image/png"
href="img/favicon.png">
</head>
<div class="container">
<center>
<ul>
<li><a href="index.html">Play Game</a></li>
<li><a href="about.html">About</a></li>
</ul>
<body>
<br>
<center>
<h2> <b>About </b></h2>
</center>
<p>
My small web based game is built purely on JavaScript and HTML5,
with this game I have tried to create a platform based game. Much
like Mario or in some ways Manic miner. The main aim of the game is
to collect the most coins and set a high score.
</p>
<p>
Before starting this game, I had basically no knowledge of Javascript
and very basic skills in HTML/CSS but I believe over the past few
weeks working on this game, I believe y skills have increased greatly
and I am happy with the result of my game.
</p>
<p>
Warning, on the final level (level 3) there is a possibility of losing
coins by falling of the platform and into the water.
</p>
<center> <h2><b> Features</b> </center> </h2>
<p>
Some of the included features involve:
<br>
• User control (keyboard input) <br>
• Interactive sounds <br>
• A scoring system <br>
• Multiple levels <br>
</p>
<center><h2> <b> Images </b> </h2> </center>
<p>
All images on my site, including the background, players, coins and
treasure were created by myself using Abode Photoshop CS6.
</p>
<center><h2> <b> Sounds </b> </h2> </center>
<p>
All sounds were downloaded legally from a site called freesound.org.
All of which are .WAV files.
</p>
<center><h2> <b> Resource Used </b> </h2> </center>
<p>
I used a very basic tutorial online for the basic layout of the
platforms and the player. (This link will be provided at the bottom).
From this small example I then went onto create lots of other
functions which did various things from checking collisions to
game_over. Other resources I used were W3C schools and
Stackoverflow. These links will also be provided below.
</p>
<center><h2> <b> Future Requirements </b> </h2> </center>
<p>
To develop my game further in the future I will create more like a
manic miner type game, where there will be enemies involved, there
would be a high score board for different uses to compete when
being on my site and more levels. The main reason I did not
accomplish these tasks is due to lack of time and Javascript
based knowledge.
</p>
<center><h2> <b> Declaration of Originality </b> </h2> </center>
<p>
I declare that the contents of this page are entirely my own work
apart from the declared exceptions above (freesound, W3schools,
stackoverflow and the basic tutorial). The images were created by
myself, and the sounds are free to use as displayed on the site
above.
</p>
<center><h2> <b> Links Used</b> </h2> </center>
<p>
http://www.somethinghitme.com/2013/01/09/creating-a-canvas-platformer-tutorial-part-one/
http://www.homeandlearn.co.uk/JS/html5_canvas_keyboard_keys.html
http://unixpapa.com/js/testkey.html
http://esprima.org/demo/validate.html
http://www.slideshare.net/ernesto.jimenez/5-tips-for-your-html5-games
http://www.w3schools.com/css/css_navbar.asp
</p>
<center><h2> <b> Extra links </b> </h2> </center>
<p>
<br>
Can checkout my github repo for this repo.
<br>
Might still be in game_development <a href="https://github.com/GregSharpe1/canvas-game"> branch</a>
(if I forget to merge)
<br>
<br>
Should also checkout my <a href="https://gregsharpesite.wordpress.com/2016/08/08/hmtl5canvas/">blog.</a>
<br>
</p>
<br>
<br>
</body>
</div>
</html>