/
index.html
240 lines (229 loc) · 11.5 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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Tom Silver</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Tom Silver's Portfolio</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="#banner" class="scrolly">Home</a></li>
<li><a href="#two" class="scrolly">Overview</a></li>
<li><a href="cuboid.html">Cuboid</a></li>
<li><a href="#cta" class="scrolly">Contact Me</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Tom Silver</h2>
<p>A Computer Games Programmer<br />
searching for entry-level positions in industry.</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Who am I?</h2>
<p><strong>Hi, I'm Tom, and I'm a games programmer.</strong></p>
<p>A recent graduate of Staffordshire University, I have attained a BSc in Computer Games Programming with upper second-class honours. After seven years of programming, I'm working towards a career that allows me to combine my passion for games and solving complex problems to completion.<br />
My interest in programming began with simple projects in Scratch as a child. Nowadays, I enjoy using C++ to develop video games.</p>
</header>
<ul class="icons major">
<li><span class="icon solid fa-gamepad major"><span class="label">Games</span></span></li>
<li><span class="icon solid fa-graduation-cap major"><span class="label">University</span></span></li>
<li><span class="icon solid fa-code major"><span class="label">Coding</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section id="cuboid" class="spotlight">
<div class="video"><video controls="controls" loop muted poster="images/cuboid.png" preload="none" src="videos/cuboid.mp4" /></div><div class="content">
<h2>Cuboid | C++, OpenGL</h2>
<p>In my spare time, I work on a revision of a game made for a past university project named <i>Cuboid</i>, this time using mainly my own code and <b>OpenGL</b>.<br />
Cuboid runs on an engine centred around an Entity-Component-System architecture, whose features include:<br />
<ul>
<li>Rudimentary 3D physics with a fixed timestep</li>
<li>Event-based programming capabilities</li>
<li>Model loading with specular and emission mapping support</li>
<li>Scene saving/loading</li>
</ul>
</p>
</div>
</section>
<section id="finalyearproject" class="spotlight">
<div class="video"><video controls="controls" loop muted poster="images/physicallybasedrenderer.png" preload="none" src="videos/physicallybasedrenderer.mp4" /></div><div class="content">
<h2>Physically Based Material Renderer | C++, OpenGL</h2>
<p>For my final year project of university, I researched physically based rendering techniques and how they can improve graphical realism. To showcase this, I developed a material viewing application, capable of:<br />
<ul>
<li>Loading in different solid materials/backgrounds</li>
<li>Shading pixels using the rendering equation</li>
<li>Calculating ambient lighting using image-based lighting</li>
</ul>
</p>
</div>
</section>
<section id="inventedengine" class="spotlight">
<div class="video"><video controls="controls" loop muted poster="images/groupgameeditor.png" preload="none" src="videos/engineeditor.mp4" /></div><div class="content">
<h2>2D Engine and Editor | C++, OpenGL</h2>
<p>In my final year studio simulation module, I worked in a team to produce a 2D game engine capable of being used to fully create a game.<br />
We were successful in creating a robust engine with an Entity-Component-System architecture, myself specifically working on:
<ul>
<li>Aiding with project set-up</li>
<li>JSON scene import/export systems</li>
<li>Editor GUI for runtime interaction with game project</li>
</ul>
</p>
</div>
</section>
<section id="yokaifortune" class="spotlight">
<div class="video"><video controls="controls" loop muted poster="images/yokaifortune.png" preload="none" src="videos/yokaifortune.mp4" /></div><div class="content">
<h2>Yokai Fortune | C++, OpenGL</h2>
<p>After producing an engine in my studio simulation module, my team worked to develop a game in the engine we had created.<br />
We made a 2D wave defence game with a full game loop, with features I worked on including:
<ul>
<li>Enemy management (spawning, movement, animation)</li>
<li>Collision resolution</li>
<li>Shaders</li>
<li>In-game GUI (health bar, experience bar)</li>
</ul>
</p>
</div>
</section>
<section id="advancedgraphics" class="spotlight">
<div class="video"><video controls="controls" loop muted src="videos/terraingenerator.mp4" /></div><div class="content">
<h2>Advanced Graphics Program | C++, DirectX 11</h2>
<p>In my final-year graphics module, I developed a 3D rendering program using <b>DirectX 11</b> that utilises techniques like:<br />
<ul>
<li>Normal and parallax mapping</li>
<li>Post-processing effects, including gaussian blur</li>
<li>Procedural terrain generation</li>
</div>
</section>
<section id="raytracer" class="spotlight">
<div class="video"><video controls="controls" loop muted poster="images/raytracer.png" preload="none" src="videos/raytracer.mp4" /></div><div class="content">
<h2>Low Level Raytracing Optimisations | C++</h2>
<p>For my final-year low level programming module, I was tasked with improving upon a basic raytraced image renderer via:<br />
<ul>
<li>Optimising memory allocation</li>
<li>Using a faster file IO method</li>
<li>Setting up parallel processing with threads</li>
</div>
</section>
<section id="onesmallstep" class="spotlight">
<div class="image"><img src="images/onesmallstep.png" alt="" /></div><div class="content">
<h2>One Small Step | Art</h2>
<p>During my second year I partook in a 48 hour <b>games jam</b> called Jamfuser 2020. The given theme was 'leap', and my team produced a platformer set in low gravity on the moon. My role within the team on this project was to produce pixel art for the game.</p>
<p>You can play One Small Step <a href="https://limanniel.itch.io/jamfuser-2020-team-idontseesharp">here</a>.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>What am I working on now?</h2>
<p>I have <b>recently graduated</b> and am currently <b>searching for a place</b> where I can continue to <b>hone my skills while contributing to amazing new projects.</b></p>
<p>In my spare time, I work on a revision of an old assignment, named <i>Cuboid</i>. Cuboid is a 3D game running on an engine written in <b>C++</b> and rendered with <b>OpenGL.</b></p>
<p>I have learned more than any of my other assignments through the ongoing development of this passion project. I have studied and implemented features like an Entity-Component-System architecture that have enhanced both my project and my knowledge immensely.</p>
<p>Learn more about Cuboid <a href="cuboid.html">here</a>.
</p>
<p><strong>Other projects I have worked on include:</strong></p>
</header>
<ul class="features">
<li>
<img src="images/pacman.png" alt="" />
<h3>2D Puzzle Game</h3>
<p>C++, S2D</p>
</li>
<li>
<img src="images/mario.png" alt="" />
<h3>Mario Recreation</h3>
<p>C++, SDL</p>
</li>
<li>
<img src="images/voxelodefence.png" alt="" />
<h3>Voxel Tower Defence</h3>
<p>GUI/Scene architecture - C++</p>
</li>
<li>
<img src="images/ship.png" alt="" />
<h3>3D Ship Game</h3>
<p>C++, DirectX 11</p>
</li>
<li>
<img src="images/ai.png" alt="" />
<h3>2D Pathfinding AI</h3>
<p>C++</p>
</li>
<li>
<img src="images/cna.png" alt="" />
<h3>Networked chat app</h3>
<p>C#</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Contact me</h2>
<p>If you'd like to chat with me or see some more of my work, feel free to contact me at any of the locations listed here.</p>
<p>Thanks for checking out my portfolio!</p>
</header>
<ul class="actions stacked">
<li class="icon solid fa-envelope"><a href="mailto: tomajsilver@gmail.com" target="_blank"><br />tomajsilver@gmail.com</a></li>
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/tom-silver-476187171/" target="_blank"><br />www.linkedin.com/in/tom-silver-476187171/</a></li>
<li class="icon brands fa-twitter"><a href="https://www.twitter.com/TomAJSilver" target="_blank"><br />www.twitter.com/TomAJSilver</a></li>
<li class="icon brands fa-github"><a href="https://www.github.com/tom-silver" target="_blank"><br />www.github.com/tom-silver</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="mailto: tomajsilver@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://www.linkedin.com/in/tom-silver-476187171/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.twitter.com/TomAJSilver" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.github.com/tom-silver" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>