-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
354 lines (327 loc) · 15 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
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
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/images/sus.ico">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--About me-->
<section id="about" class="about">
<h1>Jacob Seto</h1>
<!--Social Media links-->
<div class="socialmedia">
<a href="https://www.linkedin.com/in/jacob-seto-985b6825b/">
<img src="/images/linkedin.png" alt="linkedin">
</a>
<a href="https://github.com/JacobSeto">
<img src="/images/github.png" alt="github">
</a>
</div>
<div class="about-content">
<img src="/images/Me.png" alt="Jacob Seto" class="about-image">
<div class="about-text">
<p>
I am an undergraduate student at Cornell University, pursuing a major in Computer Science with a minor in Game
Design and Music. Born and raised on Long Island, New York, I am also the eldest of four siblings, which has
shaped my sense of responsibility and leadership. I currently serve president of my university's
game development club called <a href="https://dga-official-website.vercel.app/" target="_blank">DGA</a>, and
play the cello for the <a href="https://www.cuorchestra.org/" target="_blank">Cornell Symphony Orchestra</a>.
I aspire to work in the game industry and eventually own my own indie company. Follow my journey and send me a
message, always happy to meet new people!
</p>
<p> With several years of game development experience and two years of leading diverse projects at university,
I’ve had the opportunity to wear many hats—programmer, project manager, network designer, and researcher. I
bring high energy and enthusiasm when working with others, and tend to lead on ideas and project direction.
However, I respect people's time and boundaries, and greatly value the contributions and perspectives of my
team. My passion for game development and commitment to delivering high-quality results drive me to maximize
the potential of each of my projects.</p>
<p> In my downtime, I work on my own game projects, all titled with the prefix "Flock"—a nod to the first video
game I ever created. I’m also a big fan of board games, often adding custom content and rules to experiment
with new mechanics. Recently, I got back into <i>Magic: The Gathering</i> and always enjoy drafting with
friends. Some of my favorite games are <i>Minecraft</i>, <i>Slay the Spire</i>, and <i>Risk of Rain 2</i>; I
aspire to create games of their caliber and push the boundaries of the game industry.
</p>
</div>
</div>
</section>
<!--Projects-->
<section id="projects">
<div class="title">
<h1>Project Experience</h1>
<p>Follow my game dev journey! Click on the images to learn more about each project.</p>
<p><span style="color:white;">White</span> → Personal Project, <span style="color:lightgreen;">Green</span> →
Group
Project, <span style="color:cyan;">Blue</span> → Research</p>
</div>
<div class="timeline">
<div class="checkpoint blue-border">
<a id="serve">
<div>
<label>Current</label>
<h2>SERVE</h2>
<ul>
<li>Role: VR & Network Developer</li>
<li>Software/Tools: Unity, Blender, Photon Engine</li>
<li>Platform: Android </li>
</ul>
<p>Responsible for the development of a VR multiplayer lobby in Unity to enable research participants to
collaborate in several minigames and environments to be used for data collection</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="hammer">
<div>
<label>August, 2024</label>
<h2>Completely Hammered</h2>
<a href="https://dgacornell.itch.io/completely-hammered" target="_blank">
<img class="checkpoint-image" src="images/Completely Hammered Cover.png" alt="Completely Hammered Cover">
</a>
<ul>
<li>Role: Project Lead</li>
<li>Software/Tools: Unity, Github</li>
<li>Platform: PC</li>
</ul>
<p>2D Physics Platformer where you play as Tito, a mad scientist who uses his hammer to escape the lab and
blast his way to the next party. 3 unique levels to explore and a built-in timer for hardcore gamers that
compete for the fastest completion time
</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="rabbeat">
<div>
<label>May, 2024</label>
<h2>Rabbeat</h2>
<a href="https://we8-studios.itch.io/rabbeat" target="_blank">
<img class="checkpoint-image" src="images\RabBeat Crop.png" alt="RabBeat Crop">
</a>
<ul>
<li>Role: Project Lead</li>
<li>Software/Tools: Intellij, Tiled, Github</li>
<li>Platform: PC</li>
</ul>
<p> 2D Music-Platformer where you play a rabbit named Synth who can control the flow of the
rhythmically-tied world. Use your powers to rescue your friends from the evil DJ scientist Dr. Nocturne
and hop around the musical mutants that dance in your way!</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="tilly">
<div>
<label>May, 2024</label>
<h2>Tilly's Critter Command</h2>
<a href="https://dgacornell.itch.io/tillys-critter-command" target="_blank">
<img class="checkpoint-image" src="images\Tilly.PNG" alt="Tilly">
</a>
<ul>
<li>Role: Programmer</li>
<li>Software/Tools: Unity, Github, Slack, Unity Engine AI</li>
<li>Platform: PC</li>
</ul>
<p>A 3D Isometric Strategy game where you play as Tilly, a human who finds themselves in a vibrant world
where emotions hold the key to survival. Tilly must harness and manipulate the feelings of the expressive
creatures to drive out the emotionless robot bugs, ultimately reclaiming the world from the grip of apathy
</p>
</div>
</a>
</div>
<div class="checkpoint blue-border">
<a id="polylect">
<div>
<label>May, 2024</label>
<h2>Polylect</h2>
<ul>
<li>Role: Unity Developer</li>
<li>Software/Tools: Unity, Github, Netcode for Gameobjects</li>
<li>Platform: PC</li>
</ul>
<p>Cornell research project where I helped develop a 2D multiplayer navigation game to collect player data,
which provided valuable insights to the study of linguistic behaviors in small networks</p>
</div>
</a>
</div>
<div class="checkpoint white-border">
<a id="light">
<div>
<label>December, 2023</label>
<h2>Light Up the Stage</h2>
<a href="https://tuxsetoxtreme.itch.io/light-up-the-stage" target="_blank">
<img class="checkpoint-image" src="images\Light Up The Stage Snapshot.png"
alt="Light Up The Stage"><img />
</a>
<ul>
<li>Role: Solo</li>
<li>Software/Tools: Unity, Github, Blender</li>
<li>Platform: PC</li>
</ul>
<p>3D Platformer where you traverse through a pitch-black obstacle course, using only your footsteps and a
ball of light to temporarily light up the hidden platforms. Take a leap of faith and navigate the unknown
through a unique minimalist art style</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="rainbow">
<div>
<label>December, 2023</label>
<h2>Rainbow Card Rumble</h2>
<ul>
<li>Role: Group Member</li>
<li>Software/Tools: OCaml</li>
<li>Platform: PC</li>
</ul>
<p>Final project for the Functional Programming class at Cornell. An Uno-like card game where you win by
playing all cards in hand. However, some cards have special abilities that help you get closer or bring
you further from victory!
</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="fury">
<div>
<label>August, 2023</label>
<h2>Fury of The Lost Knight</h2>
<a href="https://dgacornell.itch.io/fury-of-the-lost-knight" target="_blank">
<img class="checkpoint-image" src="images\Fury of The Lost Knight Promotional.jpg" alt="Fury Promo">
</a>
<ul>
<li>Role: Project Lead & Programmer</li>
<li>Software/Tools: Unity, Github</li>
<li>Platform: PC</li>
</ul>
<p>2D Action Platformer where you play as a knight named Tyr who is out for revenge against the evil Lich
King Abraxor who destroyed their kingdom. Combines fast-paced combat, exploration, and puzzle-solving
paired with stunning visuals and an unique pastel-pixel art style</p>
<a href="https://dgacornell.itch.io/fury-of-the-lost-knight">Fury of The Lost Knight itch.io</a>
</div>
</a>
</div>
<div class="checkpoint white-border">
<a id="flock-arena">
<div>
<label>May, 2023</label>
<h2>Flock Arena</h2>
<img class="checkpoint-image" src="images\Flock Screenshot.png" alt="Flock Screenshot">
<ul>
<li>Role: Solo</li>
<li>Software/Tools: Unity, Github, Photon Engine</li>
<li>Platform: PC</li>
</ul>
<p>3D Multiplayer Hero Shooter with an in-depth skill tree and a reimagination of classic weapons of the
genre. This encourages unique playstyles and dynamic gameplay compared to other popular FPS games</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="planetoids">
<div>
<label>December 2022</label>
<h2>Planetoids</h2>
<img class="checkpoint-image" src="images\planetoids.png" alt="Planetoids"><img />
<ul>
<li>Role: Project Member</li>
<li>Software/Tools: Python</li>
<li>Platform: PC</li>
</ul>
<p>Final project for the Introduction to Computing class at Cornell. A clone of the classic game Planetoids
with unique levels, enemies, and ship upgrades</p>
</div>
</a>
</div>
<div class="checkpoint green-border">
<a id="carbon">
<div>
<label>October 2022</label>
<h2>Carbon Footprint Calculator</h2>
<img class="checkpoint-image" src="images\Carbon Snapshot.png" alt="Carbon Snapshot">
<ul>
<li>Role: BigRed//Hacks Participant</li>
<li>Software/Tools: Unity, C#</li>
<li>Platform: PC</li>
</ul>
<p>Interactive calculator using Unity 3D to visualize the user’s impact on the environment by populating CO2
molecules proportional to the user’s carbon footprint and generates a comprehensive emissions graph at the
end of the simulation</p>
</div>
</a>
</div>
<div class="checkpoint white-border">
<a id="castaways">
<div>
<label>February 2021</label>
<h2>Castaways</h2>
<img class="checkpoint-image" src="images\Castaway Snapshot.png" alt="Castaway Snapshot">
<ul>
<li>Role: Solo</li>
<li>Software/Tools: Unity, C#</li>
<li>Platform: PC</li>
</ul>
<p>2D Turn-Based Strategy Game where you and your opponent battle for survival on a remote island. Collect
resource cards to craft tools and play impactful action cards that increase your chances of survival</p>
</div>
</a>
</div>
</div>
</section>
<!--Resume-->
<section id="resume">
<div class="resume">
<h1>Resume</h1>
<a href="https://docs.google.com/document/d/1r9o2DNTMDlrD4LBmA74F3VQW3Fn3WnR1y1Qh7ofKE_0/export?format=pdf">
Download</a>
<iframe
src="https://docs.google.com/document/d/e/2PACX-1vSUMdMNC3qduzBpYzty222dLUUnvoSs7UF23RODohVyTrWJVTsOC5xBy5dMYdL3xSvCEB6wolkIb30b/pub?embedded=true"></iframe>
</div>
</section>
<!--Contact-->
<section id="contact">
<div class="contact-container">
<form action="https://api.web3forms.com/submit" method="POST" class="contact-left">
<div class="contact-left-title">
<h2>Get in touch</h2>
<hr>
</div>
<input type="hidden" name="access_key" value="41a36971-7dd7-4d39-9c74-51e7f9c8d64e">
<input type="text" name="name" id="name" placeholder="Name" class="contact-inputs" required>
<input type="email" name="email" id="name" placeholder="Email" class="contact-inputs" required>
<textarea name="message" placeholder="Message..." class="contact-inputs" required></textarea>
<button type="Submit">Submit <img src="/images/arrow_icon.png" alt=""></button>
</form>
<div class="contact-right">
<img src="images\text bubble float.png" alt="">
</div>
</div>
</section>
<p>© 2024 Jacob Seto. All rights reserved.</p>
<!--Navigation Bar-->
<div class="navbar">
<ul>
<li><a class="active" href="#about">About</a></li>
<li class="dropdown">
<a href="#projects" class="dropbtn" class="active">Projects</a>
<div class="dropdown-content">
<a href="#serve">SERVE</a>
<a href="#hammer">Completely Hammered</a>
<a href="#rabbeat">RabBeat</a>
<a href="#tilly">Tilly's Critter Command</a>
<a href="#polylect">Polylect</a>
<a href="#light">Light Up The Stage</a>
<a href="#rainbow">Rainbow Card Rumble</a>
<a href="#fury">Fury of The Lost Knight</a>
<a href="#flock-arena">Flock Arena</a>
<a href="#carbon">Carbon Footprint Calc</a>
<a href="#planetoids">Planetoids</a>
<a href="#castaways">Castaways</a>
</div>
</li>
<li><a href="#resume">Resume</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</body>
</html>