-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (132 loc) · 4.3 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
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
127
128
129
130
131
132
133
134
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web "Erix" game</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
<!-- all the easelJS/createJS files -->
<script
type="text/javascript"
src="./src/createjs/events/Event.js"
></script>
<script
type="text/javascript"
src="./src/createjs/events/EventDispatcher.js"
></script>
<script
type="text/javascript"
src="./src/createjs/utils/IndexOf.js"
></script>
<script type="text/javascript" src="./src/easeljs/utils/UID.js"></script>
<script type="text/javascript" src="./src/easeljs/utils/Ticker.js"></script>
<script
type="text/javascript"
src="./src/easeljs/geom/Matrix2D.js"
></script>
<script type="text/javascript" src="./src/easeljs/geom/Point.js"></script>
<script
type="text/javascript"
src="./src/easeljs/geom/Rectangle.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Shadow.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/SpriteSheet.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Graphics.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/DisplayObject.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Container.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Stage.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Bitmap.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Sprite.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/BitmapAnimation.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/BitmapText.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/display/Shape.js"
></script>
<script type="text/javascript" src="./src/easeljs/display/Text.js"></script>
<script
type="text/javascript"
src="./src/easeljs/display/DOMElement.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/events/MouseEvent.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/filters/Filter.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/ui/ButtonHelper.js"
></script>
<script type="text/javascript" src="./src/easeljs/ui/Touch.js"></script>
<script
type="text/javascript"
src="./src/easeljs/utils/SpriteSheetUtils.js"
></script>
<script
type="text/javascript"
src="./src/easeljs/utils/SpriteSheetBuilder.js"
></script>
</head>
<body onload="init();">
<div class="container">
<h1>Erix game prototype</h1>
<div class="inner-container">
<div>
<canvas id="mycanvas" width="600" height="320"
>Unfortunately your browser does not support canvas element
...</canvas
>
</div>
<div class="text-block">
<p>
<strong>Instructions</strong><br /><br />
When moving with the arrow keys the "pen" will draw an active line.
When the line is connected at both sides the contained area will be
filled and the line is no longer active. If a ball hits the pen or
an active line, you lose a life. The goal is to try to fill as much
area as possible. When filled as much % of the area as required, the
level is completed. The larger area you fill, the more points you'll
get. If you also capture one or more balls you'll get even more
points for the filled area.
</p>
<p>See <a href="./README.md" target="_blank">README</a> for more.</p>
</div>
</div>
<p id="copyright">© jernej oblak</p>
</div>
<script type="text/javascript" src="./script.js"></script>
</body>
</html>