-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
353 lines (314 loc) · 23.6 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
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Cameron Russo's Portfolio!</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio for Game Designer and Developer Cameron Russo">
<meta name="author" content="Cameron Russo">
<link rel="shortcut icon" href="assets/images/blueflameguyScaledUp.png">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<!-- github acitivity css -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
<link rel="stylesheet" href="http://caseyscarborough.github.io/github-activity/github-activity-0.1.0.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/blueflameguyScaledUpNoBG.png"
width="180"
height="180" alt="Cameron Russo" />
<div class="profile-content pull-left">
<h1 class="name">Cameron Russo</h1>
<h2 class="desc">Game Designer/Developer</h2>
<ul class="social list-inline">
<li><a href="https://www.linkedin.com/in/cfrusso18"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.github.com/cfrusso18"><i class="fa fa-github-alt"></i></a></li>
</ul>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="about section">
<div class="section-inner">
<h2 class="heading">About Me</h2>
<div class="content">
<p>Hello! I'm Cameron Russo. I'm a recent graduate from Northeastern University, graduating with a Bachelor's of Science in Computer Science and Game Development. Nothing brings me more joy then to create and see
other people use the things that I've worked so hard on. Naturally, when that's mixed with my life-long love for games, it developed into my passion for creating games.
My personal strengths lie in programming and game design, though I am constantly seeking new challenges and ways to apply myself. Most
recently, I've been dabbling in sound design, and I've been trying to strengthen my skills in both music and art.
</p>
<p>My other passions include cooking, fitness, playing instruments, reading, playing/watching sports, or modding gaming consoles. As for games, I love fighting games, indie games, and RPGs in particular, but I'll
play pretty much anything if it piques my interest. While in college, I also occupied my time during the semester with my duties as secretary of the Game Development Club, and I played trumpet for the
Northeastern Pep Band.
</p>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="latest section">
<div class="section-inner">
<h2 class="heading">Video Games</h2>
<div class="content">
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12"
href=sumf.html>
<img class="img-responsive project-image" src="assets/images/projects/sumf.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title">
<a href=sumf.html>
SUPERULTRAMEGA FIGHT!!!!!!!!</a></h3>
<p><i>My roles: </i> Solo Dev <br>
A 2D Fighting Game made with a focus on player expression and creativity. Done over 3 months as my senior capstone, and is in active development.</p>
<p><a class="more-link"
href="https://cfrusso18.itch.io/superultramega-fight"
target="_blank"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12"
href=antithesis.html>
<img class="img-responsive project-image" src="assets/images/projects/antithesis.PNG" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title">
<a href=antithesis.html>
Antithesis</a></h3>
<p><i>My roles: </i> Lead Designer, Sound Designer <br>
A two player asynchronus VR Horror game, where one player summons monsters to attack the player in VR, who is trying to perform a ritual to destroy you. Made by a 20 person team of students
for our Game Studio course</p>
<p><a class="more-link"
href="https://drive.google.com/file/d/1NSE_AMWeBbfFcW-BmmYfYFzfArIaIpNS/view"
target="_blank"><i class="fa fa-external-link"></i> Download here</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12"
href=beetbeats.html>
<img class="img-responsive project-image" src="assets/images/beetbeats/beetbeats.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title">
<a href=beetbeats.html>
Beet Beats</a></h3>
<p><i>My roles: </i> Design, Programming <br>
A rhythm game with three stages where you have to farm vegetables, prep them, and make some soup! Made in 48 hours for Global Game Jam 2023</p>
<p><a class="more-link"
href="https://cfrusso18.itch.io/beet-beats"
target="_blank"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" href=flipfall.html>
<img class="img-responsive project-image" src="assets/images/projects/flipfall.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a href=flipfall.html>FlipFall</a></h3>
<p><i> My roles:</i> Design, Programming<br>
An action platformer, where you flip between light and dark modes to make your way through obstacles. Made in 48 hours for Global Game Jam 2022</p>
<p><a class="more-link" href="https://jlewis19.itch.io/flipfall"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" href=noise-complaint.html>
<img class="img-responsive project-image" src="assets/images/projects/noisecomplaint.PNG" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a href=noise-complaint.html>Noise Complaint</a></h3>
<p><i> My roles:</i> Design, Programming, Sound<br>
A chaotic action game where you want to stop your noisy neighbors party, at any cost. Made in a week for a game jam.</p>
<p><a class="more-link" href="https://cfrusso18.itch.io/noise-complaint"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" href=heart-of-the-cards.html>
<img class="img-responsive project-image" src="assets/images/projects/heartofthecards.PNG" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a href=heart-of-the-cards.html>Heart of the Cards</a></h3>
<p> <i> My roles:</i> Design, Programming, Sound <br>
A first-person shooter boss rush style action game where you form poker hands to make your attacks stronger. Made as a final project for our Game Programming course.</p>
<p><a class="more-link" href="https://jlewis19.itch.io/heart-of-the-cards"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" href=at-home.html>
<img class="img-responsive project-image" src="assets/images/projects/athome.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a href=at-home.html>at home.</a></h3>
<p> <i> My roles:</i> Narrative, Design, Programming <br>
An interactive fiction game where you have to deal with your abusive father. Made in 48 hours for Husky Jam 2020</p>
<p><a class="more-link" href="https://cfrusso18.itch.io/at-home"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" href=witching-hour.html>
<img class="img-responsive project-image" src="assets/images/projects/witchinghour.PNG" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a href=witching-hour.html>Witching Hour</a></h3>
<p> <i> My role:</i> Design<br>
A game where you play as a witch for hire, making curses for clients. Made in two weeks for Jam-O-Lantern 2021</p>
<p><a class="more-link" href="https://cfrusso18.itch.io/witching-hour"><i class="fa fa-external-link"></i> itch.io page</a></p>
</div><!--//desc-->
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="projects section">
<div class="section-inner">
<h2 class="heading">Programming Projects</h2>
<p> The source code for any of the following is available upon request </p>
<div class="content">
<div class="item">
<h3 class="title"><a href="#"><br> Civilization Generator/Simulation </a></h3>
<p class="summary">In development. Procedurally generates a world with distributed resources and
places civilizations down. Afterwards, the civilizations will expand based on various factors,
creating a detailed map that can be used for games/TTRPGs/anything else!
</p>
<div class="item">
<h3 class="title"><a href="#"><br>Custom C++ Game Engine </a></h3>
<p class="summary">A component-based engine written from scratch in C++ </p>
</div><!--//item-->
<div class="item">
<h3 class="title"><a href="#"><br>EXT File System </a></h3>
<p class="summary">A fully functional file system for Linux, built in C</p>
</div><!--//item-->
<div class="item">
<h3 class="title"><a href="#">Memory Allocator</a></h3>
<p class="summary"> A dynamic allocator built for C, in C.</p>
</div><!--//item-->
<div class="item">
<h3 class="title"><a href="#">Unix Shell</a></h3>
<p class="summary">A fully funtional shell built for Unix, built in C</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Tabletop Games</h2>
<div class="content">
<div class="item">
<h3 class="title">Damsel Me Not</h3>
<p>A 4 vs. 1 card game, where a girl and her pet dragon fend off 4 delusional adventurers who think she needs to be rescued.</p>
</div><!--//item-->
<div class="item">
<h3 class="title">TapeStory </h3>
<p>A party game where players place felt pieces on a board to create tapestries, and come up with a backstory to explain what they've created.</p>
</div><!--//item-->
<div class="item">
<h3 class="title">Corporate Punishment</h3>
<p>A light competitive TTRPG where players attempt to climb the corporate ladder and screw over other players on their way up.</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="heading sr-only">Basic Information</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-map-marker"></i><span class="sr-only">Location:</span>Boston, MA</li>
<li><i class="fa fa-envelope-o"></i><span class="sr-only">Email:</span><a href="#">[email protected]</a></li>
<li><i class="fa fa-link"></i><span class="sr-only">itch.io:</span><a href="https://cfrusso18.itch.io/">cfrusso18.itch.io</a></li>
<li><i class="fa fa-link"></i><span class="sr-only">Medium:</span><a href=https://medium.com/@cfrusso18>@cfrusso18 on Medium</a></li>
<li><i class="fa fa-link"></i><span class="sr-only">Twitter:</span><a href=https://twitter.com/Xephyre18>@Xephyre18 on Twitter</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="skills aside section">
<div class="section-inner">
<h2 class="heading">Skills</h2>
<div class="content">
<p class="intro">
</p>
<div class="skillset">
<div class="item">
<h3 class="level-title">Programming Languages</h3>
<p>C++, C#, C, Python, Java, Unreal Blueprints, Lua, Assembly, HTML, CSS, TypeScript, React, DrRacket</p>
</div><!--//item-->
<div class="item">
<h3 class="level-title">Platforms</h3>
<p>Windows, Mac, Linux, ServiceNow</p>
</div><!--//item-->
<div class="item">
<h3 class="level-title">Software</h3>
<p>Unity, Git, Google Suite, Adobe Suite, Microsoft Office, Clip Studio Paint, various DAWs</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Resume</h2>
<div class="content">
<p><a class="resume-link" href="/assets/CameronRussoResume.pdf" target="blank"><i download="RussoCameronResume"></i> Download/View here!</a></p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> BS Computer Science and Game Development</h3>
<h4 class="university">Northeastern University <span class="year">(2019-2023)</span></h4>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Languages</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"><strong>English:</strong></span>
<span class="level">Native Speaker <br class="visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com">3rd Wave Media</a> for developers</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>