igg 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +8 -4
- data/lib/igg/builder/project_builder.rb +7 -7
- data/lib/igg/builder/templates/project/index.html +214 -24
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3ef2c05412ea5ad15a56bbce68d3a316a67108a1
|
|
4
|
+
data.tar.gz: a7c457d11d11ebf8809ca0e6ab2dba048bbcbee1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a0cd145d3e33db02c492f20f8f9dd69bbe3100753365573bea34630f5b4a664b9efaabf2d3ef6d9905d88623ef1946eaaa793aa6553406d956e5b90f641b4592
|
|
7
|
+
data.tar.gz: 56661a29f3befe3be9a685ab79030f2128e84a7495c6384e62fd0255779059916f8abc5e03a09a16b1c88d89caca17d9b0fc6e010838868d9b5ddf28c57be848
|
data/README.md
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
## ImpactJS Game Gadget.
|
|
2
2
|
|
|
3
|
-
Several tools for fast developing an ImpactJS Game, include generators and built-in server to run the game and weltmeister level editor right in the current project folder without
|
|
3
|
+
Several tools for fast developing an ImpactJS Game, include generators and built-in server to run the game and weltmeister level editor right in the current project folder without requiring apache http server and PHP configuration.
|
|
4
|
+
|
|
5
|
+
### Requirement
|
|
6
|
+
|
|
7
|
+
Ruby 1.9.x or later (tested)
|
|
4
8
|
|
|
5
9
|
### Installation
|
|
6
10
|
|
|
@@ -17,15 +21,15 @@ Several tools for fast developing an ImpactJS Game, include generators and built
|
|
|
17
21
|
|
|
18
22
|
### Generate an ImpactJS Game project
|
|
19
23
|
|
|
20
|
-
$
|
|
24
|
+
$ igg project phone # default width=320 height=240
|
|
21
25
|
|
|
22
26
|
### Generate an ImpactJS Game Level
|
|
23
27
|
|
|
24
|
-
$
|
|
28
|
+
$ igg level shooting # default width=320 height=240
|
|
25
29
|
|
|
26
30
|
### Generate an ImpactJS Game Entity
|
|
27
31
|
|
|
28
|
-
$
|
|
32
|
+
$ igg entity player # default width=16 height=16
|
|
29
33
|
|
|
30
34
|
### Run Server mode to play the game
|
|
31
35
|
|
|
@@ -10,13 +10,13 @@ module Igg
|
|
|
10
10
|
empty_directory "#{@name}/media/sounds"
|
|
11
11
|
|
|
12
12
|
copy_file 'builder/templates/project/sounds/death.mp3',"#{@name}/media/sounds/death.mp3"
|
|
13
|
-
copy_file 'builder/templates/project/sounds/death.
|
|
14
|
-
copy_file 'builder/templates/project/sounds/
|
|
15
|
-
copy_file 'builder/templates/project/sounds/
|
|
16
|
-
copy_file 'builder/templates/project/sounds/
|
|
17
|
-
copy_file 'builder/templates/project/sounds/
|
|
18
|
-
copy_file 'builder/templates/project/sounds/
|
|
19
|
-
copy_file 'builder/templates/project/sounds/
|
|
13
|
+
copy_file 'builder/templates/project/sounds/death.ogg',"#{@name}/media/sounds/death.ogg"
|
|
14
|
+
copy_file 'builder/templates/project/sounds/jump.mp3',"#{@name}/media/sounds/jump.mp3"
|
|
15
|
+
copy_file 'builder/templates/project/sounds/jump.ogg',"#{@name}/media/sounds/jump.ogg"
|
|
16
|
+
copy_file 'builder/templates/project/sounds/shoot.mp3',"#{@name}/media/sounds/shoot.mp3"
|
|
17
|
+
copy_file 'builder/templates/project/sounds/shoot.ogg',"#{@name}/media/sounds/shoot.ogg"
|
|
18
|
+
copy_file 'builder/templates/project/sounds/theme.mp3',"#{@name}/media/sounds/theme.mp3"
|
|
19
|
+
copy_file 'builder/templates/project/sounds/theme.ogg',"#{@name}/media/sounds/theme.ogg"
|
|
20
20
|
|
|
21
21
|
copy_file 'builder/templates/project/04b03.font.png',"#{@name}/media/04b03.font.png"
|
|
22
22
|
template 'builder/templates/project/main.tt', "#{@name}/lib/game/main.js"
|
|
@@ -1,31 +1,221 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
4
|
+
<meta charset="utf-8"/>
|
|
5
|
+
<title>Impact Game</title>
|
|
6
|
+
<style type="text/css">
|
|
7
|
+
html, body {
|
|
8
|
+
background-color: #333;
|
|
9
|
+
color: #fff;
|
|
10
|
+
font-family: helvetica, arial, sans-serif;
|
|
11
|
+
margin: 0;
|
|
12
|
+
padding: 0;
|
|
13
|
+
font-size: 12pt;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
#canvas {
|
|
17
|
+
position: absolute;
|
|
18
|
+
left: 0;
|
|
19
|
+
right: 0;
|
|
20
|
+
top: 0;
|
|
21
|
+
bottom: 0;
|
|
22
|
+
margin: auto;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
* {
|
|
26
|
+
margin: 0;
|
|
27
|
+
padding: 0;
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
list-style: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
#nav-btn {
|
|
33
|
+
fill: white;
|
|
34
|
+
height: 40px;
|
|
35
|
+
position: absolute;
|
|
36
|
+
right: 10px;
|
|
37
|
+
top: 7px;
|
|
38
|
+
display: none;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.vertical-line {
|
|
42
|
+
margin-top: 30px;
|
|
43
|
+
margin-bottom: 30px;
|
|
44
|
+
width: 35px;
|
|
45
|
+
border-bottom: #F7F7F7 4px solid;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
body {
|
|
49
|
+
-webkit-font-smoothing: antialiased;
|
|
50
|
+
font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
51
|
+
color: #232525;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
aside {
|
|
55
|
+
position: fixed;
|
|
56
|
+
float: left;
|
|
57
|
+
width: 205px;
|
|
58
|
+
padding-top: 30px;
|
|
59
|
+
padding-left: 25px;
|
|
60
|
+
top: 0;
|
|
61
|
+
bottom: 0;
|
|
62
|
+
background-color: #474958;
|
|
63
|
+
z-index: 400;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
header {
|
|
67
|
+
float: left;
|
|
68
|
+
width: calc(93% - 230px);
|
|
69
|
+
width: -moz-calc(93% - 230px);
|
|
70
|
+
width: -webkit-calc(93% - 230px);
|
|
71
|
+
padding-left: calc(230px + 7%);
|
|
72
|
+
padding-left: -moz-calc(230px + 7%);
|
|
73
|
+
padding-left: -webkit-calc(230px + 7%);
|
|
74
|
+
padding-top: 30px;
|
|
75
|
+
padding-bottom: 30px;
|
|
76
|
+
background-color: rgba(247, 247, 247, .9);
|
|
77
|
+
border-bottom: #2b99ff 2px solid;
|
|
78
|
+
position: fixed;
|
|
79
|
+
z-index: 300;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
article {
|
|
83
|
+
float: left;
|
|
84
|
+
|
|
85
|
+
margin-left: calc(230px + 9%);
|
|
86
|
+
margin-left: -moz-calc(230px + 9%);
|
|
87
|
+
margin-left: -webkit-calc(230px + 9%);
|
|
88
|
+
|
|
89
|
+
margin-right: 9%;
|
|
90
|
+
padding-top: 200px;
|
|
91
|
+
|
|
92
|
+
width: calc(82% - 230px);
|
|
93
|
+
width: -moz-calc(82% - 230px);
|
|
94
|
+
width: -webkit-calc(82% - 230px);
|
|
95
|
+
|
|
96
|
+
padding-bottom: 150px;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
nav {
|
|
100
|
+
display: block;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
nav ul {
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
nav ul li {
|
|
107
|
+
line-height: 30px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
nav ul li a {
|
|
111
|
+
color: #e3e2e2;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
nav ul li a:hover {
|
|
115
|
+
color: #2b99ff;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
#products {
|
|
119
|
+
padding-top: 40px;
|
|
120
|
+
font-weight: bold;
|
|
121
|
+
color: #F7F7F7;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
h1 {
|
|
125
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
126
|
+
color: white;
|
|
127
|
+
margin-bottom: 50px;
|
|
128
|
+
font-size: 1.5em;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
h2 {
|
|
132
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
133
|
+
font-size: 2.4em;
|
|
134
|
+
font-weight: bold;
|
|
135
|
+
color: #474958;
|
|
136
|
+
-webkit-transition: font-size 0.3s;
|
|
137
|
+
-moz-transition: font-size 0.3s;
|
|
138
|
+
-o-transition: font-size 0.3s;
|
|
139
|
+
transition: font-size 0.3s;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
@media (max-width: 730px) {
|
|
143
|
+
h2 {
|
|
144
|
+
font-size: 2em;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
aside {
|
|
148
|
+
float: left;
|
|
149
|
+
width: 95%;
|
|
150
|
+
padding-left: 5%;
|
|
151
|
+
position: relative;
|
|
152
|
+
float: left;
|
|
153
|
+
padding-top: 10px;
|
|
154
|
+
padding-bottom: 10px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
header {
|
|
158
|
+
float: left;
|
|
159
|
+
position: relative;
|
|
160
|
+
width: 95%;
|
|
161
|
+
padding-left: 5%;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
nav {
|
|
165
|
+
display: none;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
#nav-btn {
|
|
169
|
+
fill: white;
|
|
170
|
+
height: 40px;
|
|
171
|
+
width: 40px;
|
|
172
|
+
position: absolute;
|
|
173
|
+
right: 7px;
|
|
174
|
+
top: 7px;
|
|
175
|
+
display: block;
|
|
176
|
+
cursor: pointer;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
h1 {
|
|
180
|
+
margin-bottom: 0px;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.vertical-line {
|
|
184
|
+
margin-top: 20px;
|
|
185
|
+
margin-bottom: 20px;
|
|
186
|
+
display: none;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
#products {
|
|
190
|
+
padding-top: 0;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
article {
|
|
194
|
+
float: left;
|
|
195
|
+
width: 90%;
|
|
196
|
+
margin-left: 5%;
|
|
197
|
+
margin-right: 5%;
|
|
198
|
+
padding-top: 50px;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
</style>
|
|
202
|
+
|
|
203
|
+
<script type="text/javascript" src="lib/impact/impact.js"></script>
|
|
204
|
+
<script type="text/javascript" src="lib/game/main.js"></script>
|
|
27
205
|
</head>
|
|
28
206
|
<body>
|
|
29
|
-
|
|
207
|
+
<aside>
|
|
208
|
+
|
|
209
|
+
<h1>IGG</h1>
|
|
210
|
+
|
|
211
|
+
<nav>
|
|
212
|
+
<ul>
|
|
213
|
+
<li><a href="/">Game</a></li>
|
|
214
|
+
<li><a href="/weltmeister">weltmeister</a></li>
|
|
215
|
+
</ul>
|
|
216
|
+
</nav>
|
|
217
|
+
|
|
218
|
+
</aside>
|
|
219
|
+
<canvas id="canvas"></canvas>
|
|
30
220
|
</body>
|
|
31
221
|
</html>
|