forked from kesiev/akihabara
-
Notifications
You must be signed in to change notification settings - Fork 1
/
extra-halloffame.html
281 lines (230 loc) · 8.43 KB
/
extra-halloffame.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<html>
<head>
<script type="text/javascript" src="akihabara/gbox.js"></script>
<script type="text/javascript" src="akihabara/iphopad.js"></script>
<script type="text/javascript" src="akihabara/trigo.js"></script>
<script type="text/javascript" src="akihabara/toys.js"></script>
<script type="text/javascript" src="akihabara/help.js"></script>
<script type="text/javascript" src="akihabara/tool.js"></script>
<script type="text/javascript" src="akihabara/gamecycle.js"></script>
<style>BODY { -webkit-user-select:none; margin:0px}</style>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
</head>
<body>
</body>
<script>
// ---
// Copyright (c) 2010 Francesco Cottone, http://www.kesiev.com/
// ---
// This is just a simple animation. I'm feeling the need to thank all the people that
// helped and are heling me and the project. A little hall of fame for contributors,
// friends and any kind of helpers. Thank you too, if you're interested on sources! :)
// If you've contributed to the Akihabara project, please create your avatar copying
// the "kesiev.png" and adding your face. Name your image with your nickname, using only
// a-z 0-9 letters without spaces to the "people" list. You'll appear with the rest of the cast.
// Avoid nickname clash!
var people=[
{who:"kesiev"}
];
var thankslist;
function go() {
thankslist={
font:"small",
scenes:[
{
speed:2,
spacing:2,
push:gbox.getScreenHH(),
scroller:[
"","","","","","","","","","","",
"THE HALL OF FAME",
"A WAY TO SAY THANK YOU",
"BY KESIEV",
"","","",
"MUSIC",
"",
"PIXEL HEART",
"BY CATHODERAYS (c)2009",
"WWW.CATHODERAYSMUSIC.COM",
"","","",
"CREATED USING","THE AKIHABARA ENGINE",
"BY KESIEV (c)2010",
"WWW.KESIEV.COM",
"","","",
"AKIHABARA IS STILL A KID",
"BUT IS SLOWLY GROWING.",
"WILL IT DIE YOUNG?",
"WILL IT BECOME ADULT?",
"WILL HAVE CHILDREN?",
"DON'T KNOW. BUT SOMEONE",
"IS HELPING. AND I HAVE TO",
"SAY 'THANK YOU' TO THEM.",
"IN RANDOM ORDER.",
"","","","","","","","","","","",
"BIANCA BRENNA",
"",
"FOR HELPING ME BEING MYSELF.",
"","","-","","",
"VALERIO BARRILA'",
"GIUSEPPE VALENTI",
"FABIO MAFFIOLETTI",
"FLAVIO RICCI",
"","FOR HELP AND FRIENDSHIP.",
"","","-","","",
"DION ALMAER",
"","FOR STARTING THE","BALL ROLLING :)",
"","","-","","",
"ADRIAN DUYZER",
"","FOR GIVING THE FIRST HUG","TO AHIHABARA AND NOTICING","THAT MY GIRLFRIEND WAS","REALLY A SAINT.",
"","","-","","",
"LIM CHEE AUN",
"JORDI POLO",
"","FOR SUGGESTING THE","GITHUB ADVENTURE TO ME.",
"","","-","","",
"JOE LE BRECH",
"PIOTR PETRUS",
"PAULLLLIRISH",
"","FOR SUGGESTING ME THAT","THE PROJECT COULD","BE INTERESTING FOR SOMEONE","THAT WASN'T ME.",
"","","-","","",
"HOANG 'PETITPRINCE' PHAM",
"","SHHH! DON'T SAY ANYONE","THE LITTLE SECRET ABOUT","T-SPIN!",
"","","-","","",
"PREDRAG STOJADINOVIC",
"CASIMIR DECAS",
"IAN STOKES",
"ANDY GRAULUND",
"","FOR FUNNY CHITCHAT!",
"","","-","","",
"EMILY DANIELS",
"AND THE BOSTON INDIES",
"","FOR HELPING SO MUCH AND","BEING SOME SORT OF PIONEERS!",
"","","-","","",
"OWEN RUBEL",
"ALRIK11ES",
"FOOYEE",
"","FOR BEING THE FIRST GETTING","THE HANDS DIRTY WITH","AKIHABARA.",
"","","-","","",
"NIELS 'T HOFFT",
"REMI SHARP",
"SIMONE CICERO",
"","FOR THE 'PRESS'!",
"","","-","","",
"ALEX CONGLETON (GREENLEO)",
"ANDYEXPANDY",
"ANDY GRAULUND",
"","FOR MAKING AKIHABARA","SAY 'MAMA'. OR 'PAPA'.",
"","","-","","",
"JACOB STEPHENS",
"","FOR HAVING NOTICED THE","FINE ART OF ASCII ART","WITHIN THE CAPMAN DEMO.",
"","","-","","",
"DARIUS KAZEMI",
"DARREN TORPEY",
"","FOR THE MOST WELL-DONE","TUTORIAL EVAAH!","(SUBJECTIVE...)",
"","","-","","",
"AJAXIAN.COM",
"CANVASDEMOS.COM",
"","FOR BEING GREAT SITES FOR","LEARNING STUFF.",
"","","-","","",
"ALL THE",
"THANK YOU FOR HAVING MADE",
"AKIHABARA OPENSOURCE!",
"","FOR THEIR WORDS.",
"","","-","","",
"ALL THE",
"PLEASE, NOT OPENSOURCE!",
"I CANNOT USE THIS!",
"","FOR THEIR WORDS.",
"","","-","","",
"ALL THE",
"PLEASE ADD MUSIC",
"REQUESTERS",
"","BECAUSE AKIHABARA WOULD HAVE","BEEN MUTE WITHOUT","THEM.",
"","","-","","",
"ALL THE",
"I'VE PRESSED THE A KEY BUT",
"NOTHING HAPPENS",
"AND ALL THE",
"DVORAK/AZERTY KEYBOARD",
"USERS",
"","FOR THEIR PATIENCE.",
"","","-","","",
"ALL THE",
"FLASH IS DEAD! TAKE THIS!",
"THESE GAMES ARE PURE TRASH!",
"FLASH RULES!",
"OMFGWTF! LOOK AT THESE GAMES!",
"THE GRAPHICS ARE UGLY!",
"IT'S MUTE IT'S MUTE! WHHYY!",
"","TWITTERS/BLOGGERS",
"","FOR MAKING MY DAYS PURE FUN!",
"","","-","","",
"THE 16TH SLIDE OF",
"THE DESIGNING WEBSITE FOR",
"MOBILE SAFARI (OSDC 2010)",
"IN TAIWAN",
"","FOR REMEMBER ME THAT","THE WORLD IS SMALL WITH","INTERNET.",
"","","-","","",
"JAY AND",
"THE 'FRUITY JUNGLE TRIP' TEAM",
"","FOR GIVING ME A TICKET","FOR A GREAT ADVENTURE!",
"","","-","","",
"AND","","YOU!!" ,
"","","","","","","","","","","",
"THANKS FOR WATCHING!",
"LOVE WHO HELPS YOU",
"ON GROWING.",
"",
"IN ANY WAY.",
"",
"THE... BEGINNING?"
]
}
]
};
gbox.setGroups(["halloffame"]);
gbox.setAudioChannels({bgmusic:{volume:1}});
gbox.addObject({
group:"halloffame",
counter:0,
kesframes:{ speed:5, frames:[0,1,2,1] },
alpha:1,
initialize:function() {
toys.resetToy(this,"thanks-scroller");
toys.resetToy(this,"rising");
gbox.hitAudio("song");
this.peopleperrow=Math.floor((gbox.getScreenW()-10)/gbox.getTiles(people[0].who).tilew);
var row;
for (var i=0;i<people.length;i++) {
row=Math.floor(i/this.peopleperrow);
people[i].place={x:(row%2==0?gbox.getScreenW()-10-gbox.getTiles(people[i].who).tilew:10)+(((i%this.peopleperrow)*gbox.getTiles(people[i].who).tilew)*(row%2==0?-1:1)),y:gbox.getScreenH()-10-(row*(gbox.getTiles(people[i].who).tileh/2.5))-gbox.getTiles(people[i].who).tileh};
}
},
blit:function() {
this.counter=(this.counter+1)%40;
gbox.blitFade(gbox.getBufferContext(),{alpha:1,color:"rgb(100,100,100)"});
if (toys.logos.linear(this,"rising",{image:"logo",x:gbox.getScreenHW()-gbox.getImage("logo").hwidth,y:gbox.getScreenHH()-gbox.getImage("logo").hheight,sx:gbox.getScreenHW()-gbox.getImage("logo").hwidth,sy:gbox.getScreenH(),speed:1,every:1,alpha:this.alpha}))
if (this.alpha>0.2) this.alpha-=0.01;
for (var i=people.length-1;i>=0;i--)
gbox.blitTile(gbox.getBufferContext(),{tileset:people[i].who,tile:help.decideFrame(this.counter,this.kesframes),dx:people[i].place.x,dy:people[i].place.y});
toys.dialogue.render(this,"thanks-scroller",thankslist);
}
});
gbox.go();
};
// BOOTSTRAP
window.addEventListener('load', function () {
// Put additional licenses here!
help.akihabaraInit({title:"The Hall Of Fame",portrait:true,padmode:"none",splash:{footnotes:["Music: Pixel Heart by Cathode Rays","(c)2009 - Permitted by its owner."]}}); // you can define also height:xx, width:xx and fps:xxx and the pad mode now! Happy?
gbox.addImage("logo","resources/halloffame/logo.png");
gbox.addImage("font","resources/halloffame/font.png");
for (var i=0;i<people.length;i++)
gbox.addImage(people[i].who,"resources/halloffame/"+people[i].who+".png");
var audioserver="resources/audio/"
gbox.addAudio("song",[audioserver+"halloffame-theme.mp3",audioserver+"halloffame-theme.ogg"],{channel:"bgmusic",loop:true});
gbox.addFont({id:"small",image:"font",firstletter:" ",tileh:8,tilew:8,tilerow:255,gapx:0,gapy:48});
for (var i=0;i<people.length;i++)
gbox.addTiles({id:people[i].who,image:people[i].who,tileh:76,tilew:48,tilerow:3,gapx:0,gapy:0});
gbox.loadAll(go);
}, false);
</script>
</html>