-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
199 lines (185 loc) · 8.57 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A Moth's Tale</title>
<link rel="icon" type="image/png" href="favicon.png">
<!-- style-->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="about_panels.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="navbar.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<header>
<nav>
<div class="menu-icon">
<i class="fa fa-bars fa-2x"></i>
</div>
<div class="menu">
<ul>
<li><a href="index.html#">Home</a></li>
<li><a href="howToPlay.html">How To Play</a></li>
<li><a href="controls.html">Controls</a></li>
<li><a href="enemies.html">Lights and Enemies</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="speedruns.html">Speedruns</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
</nav>
</header>
<div class="main">
<div align="center">
<h1>About Studio 7</h1>
<p>
Funnily enough, our name came to be as a result of not wanting to chose a name,<br>
so we just used the number of people of our group.
<br><br>
Let us seven introduce ourselves:
<!-- Panels with Moth avatars and text -->
</p>
<div class="card-container">
<!-- Achilleas -->
<div class="card" align="left">
<img src="img/avatars/moth_red.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Achilleas Tagalidis</b></h3>
<p class="designation">Level Design and Website</p>
<p>
I was responsible for the level design, the website and some technicals like the save file system and the statistics.
I am also passionate gamer who was really enthusiastic about creating this game (even through it wasn't really my genre).
<br><br>
<q>Believe me you'll eventually become so good you will start to speedrun the whole game in under 5 min.</q>
</p>
</div>
</div>
<!-- Alexander -->
<div class="card" align="left">
<img src="img/avatars/moth_orange.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Alexander Ritter</b></h3>
<p class="designation">Technical and Website</p>
<p>
I implemented our central mechanics - the different lights and their attraction, as well as most of the movement.
Additionally I've created the main menu of the game and written and designed for the website.<br>
I love the journey game development took us on together and all the things we learned along the way.
<br><br>
<q>Like a moth to a flame - the original subtitle of our game.</q>
</p>
</div>
</div>
<!-- Elias -->
<div class="card" align="left">
<img src="img/avatars/moth_yellow.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Elias Altmann</b></h3>
<p class="designation">Technical</p>
<p>
As a member of the project team, I played a key role in developing the controls and user interface for the application.
In addition, I was responsible for implementing animations and the logic behind many game elements,
working in close collaboration with our design team to integrate the graphics into our game.
<br><br>
<q>Ever tasted some good moth jam?</q>
</p>
</div>
</div>
<!-- Jason -->
<div class="card" align="left">
<img src="img/avatars/moth_green.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Jason Pywell</b></h3>
<p class="designation">Technical and 3D Animation</p>
<p>
As I have a background in 3D modeling, I was responsible for the 3D Animations at the start and end of the game and trailer.
I also had my fingers in the early checkpoint system, primitive level design and implemented all the enemies.<br>
I had a lot of fun with this incredible team and hope to work with them together again in the future.
<br><br>
<q>Is it actually possible to create a game about a moth? Yeah it is!</q>
</p>
</div>
</div>
<!-- Nicole -->
<div class="card" align="left">
<img src="img/avatars/moth_lightblue.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Nicole Bretz</b></h3>
<p class="designation">2D Animation and Design</p>
<p>
As a part of the design team, I was in charge for the animations and part of the assets.
Considering that I had never animated before, the animations were a significant challenge.
Trying to get all character movements right was no easy task, but in the end it all worked out.
<br><br>
<q>I'm not as creative as I may seem. I don't even know what to put here</q>
</p>
</div>
</div>
<!-- Regine -->
<div class="card" align="left">
<img src="img/avatars/moth_blue.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Regine Lendway</b></h3>
<p class="designation">2D Animation and Design</p>
<p>
For me the most important part about the designs was to create a visually captivating
and immersive artwork that would convey the spirit and essence of the game.
Through my illustrations, I aimed to bring the mystical world of the moth to life.<br>
However, this is not limited to the in game assets but also to the color schemes of the user interface
to carry the mood throughout the whole game experience.
<br><br>
<q>You better not look on pinterest for moth inspiration.</q>
</p>
</div>
</div>
<!-- Samuel -->
<div class="card" align="left">
<img src="img/avatars/moth_purple.png" class="container_image" alt="Avatar">
<div class="container_text">
<h3 class="designation"><b>Samuel J. Scheer</b></h3>
<p class="designation">Sound and Music</p>
<p>
While I'm currently pursuing studies in media informatics, my greatest passion lies in creating music. I've been composing for over a decade now, but the soundtrack I produced for MothTale holds a special place in my heart. It was the first time I ventured away from my classical roots and experimented with some incredible synthesizers.
<br><br>
<q>Warum sind bei unserer *** in game beide ** kaputt? Sollte das nicht nur der eine sein?</q>
</p>
</div>
</div>
</div>
<footer>
<hr class="horizontal line">
<!-- credits-->
<table>
<tr>
<h1><b>Credits</b></h1>
</tr>
<tr>
<td>Achilleas Tagalidis</td>
</tr>
<tr>
<td>Alexander Ritter</td>
</tr>
<tr>
<td>Elias Altmann</td>
</tr>
<tr>
<td>Jason Pywell</td>
</tr>
<tr>
<td>Nicole Bretz</td>
</tr>
<tr>
<td>Regine Lendway</td>
</tr>
<tr>
<td>Samuel Scheer</td>
</tr>
</table>
<p>Project for Praktikum Computerspiele & Visual Effects / Computergrafik at the Eberhard Karl University of Tübingen</p>
</footer>
</div>
</div>
<script type="text/JavaScript" src="navbar-responsive.js"></script>
</body>
</html>