-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (159 loc) · 10.2 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<link href="css/beemuse/beemuse.css" rel="stylesheet" type="text/css">
<link href="css/hackathon.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Fugaz+One|Cousine|Orbitron|Nunito' rel='stylesheet' type='text/css'>
<title></title>
</head>
<body>
<div class="container-fluid background">
<div class="row-fluid logo" style="height:100px">
<h2>#hackPHX</h2>
</div>
<div class="row-fluid">
<div class="span8 offset1 paper3 paper paper-curve-vert">
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="span12">
<h1>
Thanks for an awesome hackPHX
</h1>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Pictures of the Event
</h2><a href="http://www.flickr.com/photos/hslphotosync/sets/72157632159921698/"><img src="http://farm9.staticflickr.com/8197/8235545659_e34bdff54f.jpg" width="345"></a>
</div>
<div class="span6">
<h2>
Intro to HTML5 Game Creation
</h2><a href="http://youtu.be/WCe788ryevA"><img src="img/introto.png"></a>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h1>
Winners
</h1>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Judges' Choice
</h2>
<h2>
Team 3: Gnome Tower Defense
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team3/"><img src="http://hackphx.com/html5game_winter2012/images/team3-small.jpg" alt="Team 3: Gnome Tower Defense" title="Team 3: Gnome Tower Defense"></a> The team worked hard all day to implement what at first seems like a simple goal, a tower defense game. Gnomes approach your castle and you need to use the mouse pointer (and space bar) to drop tower defenses. All the art was original on the day of the hackathon! Near the end, scoring/money system was implemented but didn't quite make it before the push deadline. The judges remarked on the skilled code that went into the pathfinding of the gnomes and at the addition of a custom resource loader to the game engine.
</p>
</div>
<div class="span6">
<h2>
Jury's Choice
</h2>
<h2>
Team 6: Baby Apocalypse
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team6/"><img src="http://hackphx.com/html5game_winter2012/images/team6-small.jpg" alt="Team 6: Baby Apocalypse" title="Team 6: Baby Apocalypse"></a> Team 6 explained the original goal of the game was to herd the babies between rooms until they were all penned in. However before the deadline only a single room was completed. Just like the Judges' Prize Team, all the artwork was original production the day of the event including tons of animations that sadly didn't make it in. That didn't stop the Jury from overwhelmingly choosing Baby Apocalypse. Watch close for the babies to squish when you knock into them.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h1>
Runners Up
</h1>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Team 1: Super Bubble Boy
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team1/"><img src="http://hackphx.com/html5game_winter2012/images/team1-small.jpg" alt="Team 1: Super Bubble Boy" title="Team 1: Super Bubble Boy"></a> The goal was to play with a flying mechanic collecting bubbles in order to stay airborne. However, in the final checkin, our boy loses all power and sinks sadly to the bottom of the screen ;( Continuing the trend, Super Bubble Boy, too, was completely original art (except the boy and the music) and like other teams with tons of original art most of it did not make it into the final check in. Heres hoping they continue development!
</p>
</div>
<div class="span6">
<h2>
Team 2: Multiplayer Asteroids
</h2>
<p>
<a href="https://github.com/hackphx-html5games/team2/"><img src="http://hackphx.com/html5game_winter2012/images/team2-small.jpg" alt="Team 2: Multiplayer Asteroids" title="Team 2: Multiplayer Asteroids"></a> Team 2 bit off quite the challenge with their ambitious multiplayer asteroids concept. Their backend code was very nearly ready, but they ran out of time to get the front end anywhere near completion. Take a look at the source code and see they were on to something. Again, lets hope they keep at it!
</p>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Team 4: Our Shitty Game
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team4/"><img src="http://hackphx.com/html5game_winter2012/images/team4-small.jpg" alt="Team 4: Our Shitty Game" title="Team 4: Our Shitty Game"></a> Our Shitty Game was the arguably the most impressive game concept to come out of the competition. Team 4 worked all day to build variable gravity into the engine, with the hopes that they would 'shoot' a wall to choose its gravity, also changing the direction of your play controls. You would use gravity in lieu of jump in order to avoid the objects in the world while moving from start to finish. In the end what was shown to judges and jury was an untextured un-animated world with 4 onscreen gravity control buttons instead of the freedom of their gun mechanic. Team 4 stayed late, however, to polish the game to what they wanted us all to see, and that's the version you have before you. Check it out!
</p>
</div>
<div class="span6">
<h2>
Team 5: Type 4 Life
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team5/"><img src="http://hackphx.com/html5game_winter2012/images/team5-small.jpg" alt="Team 5: Type 4 Life" title="Team 5: Type 4 Life"></a> Team 5 wanted to do something unique by building a game that could actually educate. Type 4 Life was the result. Quickly type the letters as they enter the box in order to build a wall against the oncoming attack. Sadly in its current state not even letters can stop the bullets :) All art was hand drawn with crayons and photographed with a phone to be brought into the game world! We look forward to seeing this one finished up as well.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Team 7: Fruity Oaty Bar
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team7/"><img src="http://hackphx.com/html5game_winter2012/images/team7-small.jpg" alt="Team 7: Fruity Oaty Bar" title="Team 7: Fruity Oaty Bar"></a> Team 7 settled on a Firefly theme for their game. Fly the Serenity shooting your way through coins--the goal is to see how long you can last. From the Fruity Oat Bar Opening to the music to the wonderful Chinese swear word translation cards they generated for each game over screen, Team 7 packed their game to the hull with in jokes. The only drawback was how close they got! In the current state, there is no way to die as they weren't quite able to get hit detection working before check in. The Judges and Jury both commented on how hard it was to not give the top prize to Team 7.
</p>
</div>
<div class="span6">
<h2>
Team 8: Connect Four
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team8/"><img src="http://hackphx.com/html5game_winter2012/images/team8-small.jpg" alt="Team 8: Connect Four" title="Team 8: Connect Four"></a> Not all stories at a 12-hour pressure cooker are happy endings. Team 8 lost one of their three members an hour into the competition, and another several hours later. But despite all that, the remaining member got a simplified version of Connect Four very nearly finished. You can drop alternating checkers into any of the slots -- though sadly there is no win condition in its current state.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h2>
Team 9: Asteroids
</h2>
<p>
<a href="http://hackphx-html5games.github.com/team9/"><img src="http://hackphx.com/html5game_winter2012/images/team9-small.jpg" alt="Team 9: Asteroids" title="Team 9: Asteroids"></a> Team 9, too, had trouble. They realized too late in the day the game engine they chose didn't have the features to complete their goal of an asteroids clone. Worse yet, hours later, they found asteroids was sample code in another game engine! Bugs were logged, time flew by, but teleportation from one side of the screen to the other held them back through most of the second half of the day. In the end, they were able to check in some working code that they were clearly unhappy with.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="span2">
<h4>
This hackPHX event took place on December 1st, 2012
</h4>
<h4>
9 teams of 3 people participated
<h4>
<h4>
Many thanks to our sponsors:
</h4><a href="http://iceddev.com" title="Iced Dev" class="thumbnail"><img src="http://hackphx.com/assets/iceddev.png" alt=""></a> <a href="http://enyojs.com" title="Enyo" class="thumbnail"><img src="http://hackphx.com/assets/enyojs.png" alt=""></a> <a href="http://heatsynclabs.org" title="HeatSync Labs" class="thumbnail"><img src="http://hackphx.com/assets/heatsynclabs.png" alt=""></a> <a href="http://www.jimmyjohns.com" title="Jimmy John's Gourmet Sandwiches" class="thumbnail"><img src="http://hackphx.com/assets/jimmyjohns.png" alt=""></a> <a href="http://www.cucinadivita.com" title="Cucina di Vita" class="thumbnail"><img src="http://hackphx.com/assets/cucinadivita.png" alt=""></a>
</div>
</div>
</div>
</body>
</html>