-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-altair.html
155 lines (127 loc) · 10.3 KB
/
project-altair.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Game Development Association | Project Altair </title>
<link rel="stylesheet" type="text/css" href="css/large-size.css">
<link rel="stylesheet" type="text/css" href="css/small-size.css" media="only screen and (max-width:700px)">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body class = "altair-background">
<script>
$( document ).ready(function() {
$( ".cross" ).hide();
$( ".menu" ).hide();
$( ".hamburger" ).click(function() {
$( ".menu" ).slideToggle( "slow", function() {
$( ".hamburger" ).hide();
$( ".cross" ).show();
});
});
$( ".cross" ).click(function() {
$( ".menu" ).slideToggle( "slow", function() {
$( ".cross" ).hide();
$( ".hamburger" ).show();
});
});
});
</script>
<div id="wrapper" class="navbar">
<header>
<a href="index.html"><img src = "images/gda_logo_white.png" alt = "Game Development Association"></a>
<div class="offscreen"><a href="#content">Skip Navigation</a> </div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="project-vega.html">Project Vega</a></li>
<li><a href="project-sirius.html">Project Sirius</a></li>
<li><a href="project-altair.html">Project Altair</a></li>
<li><a href="hexago.html">Hexago</a></li>
<li><a href="artwork.html">Art Work</a></li>
<li><a href="recommended-apps.html">Recommended Apps</a></li>
<li><a href="oldindex.html">Old Website</a></li>
</ul>
</nav>
<div id="mobile">
<button class="hamburger">≡</button>
<button class="cross">x</button>
</div>
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="project-vega.html">Project Vega</a></li>
<li><a href="project-sirius.html">Project Sirius</a></li>
<li><a href="project-altair.html">Project Altair</a></li>
<li><a href="hexago.html">Hexago</a></li>
<li><a href="artwork.html">Art Work</a></li>
<li><a href="recommended-apps.html">Recommended Apps</a></li>
<li><a href="oldindex.html">Old Website</a></li>
</ul>
</div>
<div id = "project-logo">
<p>Project Altair</p>
</div>
</header>
<div id="content">
<div id = "main">
<p>
Project Altair was the third game that was worked on by the Game Development Association during Fall semester 2018. This time around we decided to do a classic tower defense game similar to games such as the games from the Balloon Tower Defense series.
</p>
<div id="story">
<h2> Story </h2>
<p>The main story behind Project Altair is that you and your crew are on a space freighter way past it's prime on its most recent delivery mission. While going to your destination space pirates/ aliens attack your Freighter. Now you and your crew need to slap together defenses on the hull of your ship to prevent the aliens from taking out the rest of your systems. </p>
</div>
<div id="environments">
<h2> Environments </h2>
<p class = "clear"><img src ="images/spaceship-model-concept.jpg" alt ="Spaceship 3D model Concept art" class = "float-right">In terms of environment, the entire game was going to take place on our freighter. A freighter is a massive space cargo vehicle that transports valuable material across the galaxy and the freighter the crew is on its way past it's prime. Many of the original systems on board don't work, multiple large patches on the outside of the hull and many of the defense are more or less cobbled together on the fly. </p>
<p class = "clear"><img src ="images/spaceship-concept.jpg" alt ="Spaceship drawn concept artwork" class = "float-left">Original concepts behind this ship came from artistic representations we found online of spaceship grave yards. From there, we drew a few different concepts for ships we would like to use in our actual game. This drawing of the freighter was designed by Lauren Butler. We decided we wanted a ship with either wings or thrusters in the back. so we could better separate the core systems of the ship.</p>
</div>
<div id = 'mechanics' class = "clear">
<h2>Mechanics</h2>
<p class = "clear"><img src ="images/turret-maze.jpg" alt ="Maze of turrets" class = "float-right">When developing tower defenses there are many ways in which the game can be developed and played. For example, in balloon tower defense there are specifically defined paths and locations in which the enemies can walk as well as where towers can be placed. The Game Development Association did the other variation which is the entire environment is a potential path for the enemies and the player has to create their own path by placing turrets in a way to block the progressing enemies. By doing it like this, the player must use more advanced strategies in order to organize their defense not only to protect the emergency systems but do it in a way that’s efficient and cost effective. The current code that was used to accomplish this was designed by Miles Wood with the overall layout of the mapped points being designed by Lauren Butler.
</p></div>
<div id = 'artwork'>
<p> When developing Project Altair There was a lot of artwork both 2D and 3D being developed for the game. This ranged from UI components designed to look both futuristic and rustic at the same time, to turret designs that looked like they were developed in a rush. </p>
<p class = "clear">When planning the defenses for the game there was discussion of between one to two different variations. In a lot of tower defense games there tends to be towers that are designed for different tasks and in our case we decided to work on a fast and weak turret as well as a hard hitting heavy turret.</p>
<p><img src ="images/missle-launcher-turret.jpg" alt ="Missile Launcher Turret" class = "float-left">The heavy duty turret was originally designed by Dylan Plomondon and was designed to be a scrapped together missile launcher that would not only hit hard but cause splash damage(damage that is not as strong as on contact but still causes damage in certain size radius) to other enemies. Even though a model was created for the turret it didn't make the final game due to time constraints forcing us to use only one turret type.</p>
<p class = "clear"><img src ="images/lazer-turret-detailed.jpg" alt ="Laser Turret from Project Altair" class = "float-right">The second turret and the one you will see within the working prototype of the game was the fast laser based turret designed by Emmanuel Marshall. This turret while not the strongest would fire a constant stream of damage to the enemy who was closest to one of the goal locations. The turret itself got a lot further in the development phase than the previous one including having textures as well a more refined design.</p>
<p class = "clear"><img src ="images/project-altair-background.jpg" alt ="Project Altair UI on top of game scene" class = "float-left">The original UI was designed by Aurora, (only name provided). It was design to look similar what we envisioned the standard screens inside the ship would look like.</p>
<p class = "clear">There was more design created for different components made for project Altair but didn't as far into production as we would have hoped. These artworks are more likely to be presented on the artworks page of the website which is accessible here.</p>
</div>
<div id ="struggle">
<h2> Struggle </h2>
<p>This time around we actually didn't has as many issues developing the project. We actually came quite close to a full game. The only issue we did run into was time.... again which is understandable.</p>
</div>
<div id ="result">
<h2>Result</h2>
<p>Project Altair was the closest the Game Development Association came to a fully working game. It had many of the components of the game completed but not entirely stitched together. If our team decided to work on it a bit more we probably could have an entirely working version of the game out in no time.</p>
</div>
</div>
<div id = "sidebar">
<ul>
<li><div class="image-background"><a href="#content">Project Vega</a></div></li>
<li><div class="image-background"><a href="#story">Story </a></div></li>
<li><div class="image-background"><a href="#art">Environment </a></div></li>
<li><div class="image-background"><a href="#mechanics">Mechanics </a></div></li>
<li><div class="image-background"><a href="#artwork">Artwork </a></div></li>
<li><div class="image-background"><a href="#struggle">Struggle</a></div></li>
<li><div class="image-background"><a href="#result">Result</a></div></li>
</ul>
</div>
</div>
<a name = "test"></a>
<div id = "footer">
<div><h3>Upcoming meetings</h3>
<p>We tend to meet on Thursdays in the Visual Arts Building at Colorado State University room F115. The meeting time is from 7:00PM to 8:00PM.</p></div>
<div><h3>Contact Current Team</h3>
<p> If you see any issue or inaccuracies with the site please contact the current team at <a href= "mailto:csugamedevelopmentassociation@gmail.com">csugamedevelopmentassociation@gmail.com</a>. We will review your issue and make the necessary fixes.</p></div>
<div><h3>Want to Join?</h3>
<p>We are always interested in having new people join our club. Visit our <a href="https://ramlink.campuslabs.com/engage/organization/gamedevelopmentassociation">Ramlink</a> and send us a registration request today.</p></div>
</div>
</div>
</body>
</html>