-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
175 lines (156 loc) · 6.38 KB
/
portfolio.html
File metadata and controls
175 lines (156 loc) · 6.38 KB
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
<html>
<head>
<link rel="stylesheet" type="text/css" href="portfolio_css.css">
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="gallery.js"></script>
</head>
<body>
<div class="box white">
<h1>Hello, I'm <span style="color: #4cc8de;">Nina</span></h1>
<h2 style="padding-left: 100px;">I'm a 2D artist and animator with a passion for learning and creating.</h2>
</div>
<!-- ----------- ABOUT ME ------------ -->
<div class="box blue">
<h1 style="text-align: right;">My <span style="color: #efefef;">Objective</span></h1>
<p>
Hey there! I'm Nina and am looking to be a part of Dappervolk where my skills and talents can contribute greatly to the creativity and success of the project. As part of your team, I would provide an enthusiastic and hard-working attitude dedicated towards reaching our goals and growing as individuals as well as a team.
</p>
</div>
<div class="box white">
<h1 style="text-align: left;">Relevant <span style="color: #db95c7;">Projects</span></h1>
<p>
I've seen <b>10</b> game projects to completion over the past several years, working as a game designer, artist, animator, programmer, or a combination of those roles. The following projects are some of the projects where I worked as an artist or animator. Other games available upon request (some are available on my <a href="https://github.com/kloofe">github</a>).
<br><br>
<center>
<div class="project pink">
<div class="proj-img-container">
<img src="Images/intro5.png" style="height: 100%; margin-left: -75px">
</div>
<h2>Tiny Tater Adventure</h2>
A single-player platformer where the player plays as kawaii potato. This game is currently still in development though I have finished the animations.
<br><br>
<b>Role:</b> Sprite and Intro Animatic Artist and Animator
<br><br>
<center><a href="http://tinytateradventures.me">Website</a></center>
</div>
<div class="project pink">
<div class="proj-img-container">
<img src="Images/drunkfight.png" style="height: 100%; margin-left: -20px">
</div>
<h2>Drunk Fight</h2>
A multiplayer top-down fighting game with a bar theme.
<br><br>
<b>Role:</b> Artist, Animator, Network Programmer
<br><br>
<center><a href="https://github.com/maxrchung/gamethingey">Repository</a></center>
</div>
<div class="project pink">
<div class="proj-img-container">
<img src="Images/bookOfDont.png" style="height: 150%; margin-left: -65px; margin-top: -20px;">
</div>
<h2>Book of Don’t</h2>
A single-player platformer created during a game jam and 3rd place winner.
<br><br>
<b>Role:</b> Arist, Animator, UI Designer and Programmer
<br><br>
<center><a href="https://github.com/jwardlaw/Rulebook">Repository</a></center>
</div>
<div class="project pink">
<div class="proj-img-container">
<img src="Animations/dancingfinal.gif" class="proj-img">
</div>
<h2>Animation Anteaters</h2>
Although not a game, I joined Animation Anteaters in college to learn more about animation and grow as an animator. I have participated and led several club-wide projects over the years.
<br><br>
<b>Role:</b> Animator, Publicity and Activities Officer (2015-2017)
<br><br>
<center><a href="https://animationanteaters.wordpress.com/">Website</a></center>
</div>
</center>
</p>
</div>
<div class="box pink">
<center>
<h1 style="text-align: right;">Animation <span style="color: #efefef;">Highlights</span></h1>
<table class="pics">
<tr>
<td><div class="cont"><img src="Animations/boat_final_large.gif" class="thumb" title="My Part in Rex the Animation"></div></td>
<td><div class="cont"><img src="Animations/boatMooToStick2.gif" class="thumb" title="Part of a club-wide looping morph animation"></div></td>
<td><div class="cont"><img src="Animations/dancingfinal.gif" class="thumb" title="Dancing Anteater"></div></td>
<td><div class="cont"><img src="Animations/sleeping.gif" class="thumb" title="Sleeping Anteater"></div></td>
<td><div class="cont"><img src="Animations/fire.gif" class="thumb" title="Fire from Drunk Fight"></div></td>
</tr>
<tr>
<td><div class="cont"><img src="Animations/idle_girl.gif" class="thumb" title="Character Sprite from Book of Don't"></div></td>
<td><div class="cont"><img src="Animations/running.gif" class="thumb" title="Character Sprite from Book of Don't"></div></td>
<td><div class="cont"><img src="Animations/ducking.gif" class="thumb" title="Character Sprite from Tiny Tater Adventures"></div></td>
<td><div class="cont"><img src="Animations/hopping.gif" class="thumb" title="Character Sprite from Tiny Tater Adventures"></div></td>
<td><div class="cont"><img src="Animations/idle.gif" class="thumb" title="Character Sprite from Tiny Tater Adventures"></div></td>
</tr>
<tr>
<td><div class="cont"><img src="Animations/spider.gif" class="thumb" title="Enemy Sprite from Tiny Tater Adventures"></div></td>
</tr>
</table>
</center>
</div>
<div class="box white">
<h1>My <span style="color: #4cc8de;">Skills</span></h1>
<center>
<table>
<tr>
<td style="vertical-align:top; padding-right: 150px">
<ul>
<li>Storyboarding</li>
<li>Animation</li>
<li style="list-style-type:none">
<ul>
<li>Keyframing</li>
<li>In-Betweens</li>
<li>12 Animation Principles</li>
</ul>
</li>
<li>Software</li>
<li style="list-style-type:none">
<ul>
<li>Adobe Photoshop</li>
<li>PaintTool Sai</li>
<li>Clip Studio Paint</li>
<li>TVPaint (Animation Software)</li>
</ul>
</li>
</ul>
</td>
<td style="vertical-align:top;">
<ul>
<li>Soft Skills</li>
<li style="list-style-type:none">
<ul>
<li>Working with quick deadlines in a team environment</li>
<li>Quick Learner</li>
<li>Effective communication practices</li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
</center>
</div>
<!-- ----------- CONTACT ----------- -->
<div class="box blue">
<h1 style="text-align: right;">Thank <span style="color: #efefef;">You</span></h1>
<table>
<tr>
<td style="width: 40%; border-right: 1px solid #363636; padding-right: 10px;">
Thank you for visiting this site and taking the time to learn a little about me. If you have any questions, need to contact me, or just want to say hello, feel free to send me an email!
</td>
<td style="width: 50%; padding-left: 50px;">
<h2 style="text-align: left;">ninavolkmuth@gmail.com</h2>
</td>
</tr>
</table>
</div>
</body>
</html>