-
Notifications
You must be signed in to change notification settings - Fork 0
/
roachrun.html
168 lines (138 loc) · 10 KB
/
roachrun.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" />
<link rel="stylesheet" href="/style.css" />
<link rel="manifest" href="/manifest.webmanifest" />
<!-- SEO -->
<title>Roach Run - Derek Perry - derek-perry.com</title>
<meta name="description" content="Derek Perry - Interactive Design : Game, Graphic, and Web - derek-perry.com" />
<meta property="og:image" content="https://derek-perry.com/media/banner.jpg" />
<meta property="og:image:width" content="2560" />
<meta property="og:image:height" content="1440" />
<meta property="og:image:alt" content="Banner for derek-perry.com" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Roach Run - Derek Perry - dp.desig" />
<meta property="og:description" content="Derek Perry - Interactive Design : Game, Graphic, and Web - derek-perry.com" />
<meta property="og:site_name" content="Derek Perry - derek-perry.com" />
<meta property="og:url" content="https://derek-perry.com/roachrun" />
<link rel="canonical" href="https://derek-perry.com/roachrun" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@_derekperry" />
<meta name="twitter:title" content="Roach Run - Derek Perry - dp.desig" />
<meta name="twitter:description" content="Derek Perry - Interactive Design : Game, Graphic, and Web - derek-perry.com" />
<meta name="twitter:image" content="https://derek-perry.com/media/banner.jpg" />
<meta name="twitter:image:width" content="2560" />
<meta name="twitter:image:height" content="1440" />
<meta name="twitter:image:alt" content="Banner for derek-perry.com" />
<!-- Favicon -->
<meta name="theme-color" content="#689915" />
<link rel="icon" type="image/png" sizes="32x32" href="https://derek-perry.com/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://derek-perry.com/favicon/favicon-16x16.png" />
<link rel="mask-icon" href="https://derek-perry.com/favicon/safari-pinned-tab.svg" color="#689915" />
<link rel="shortcut icon" href="https://derek-perry.com/favicon/favicon.ico" />
<link rel="icon" href="https://derek-perry.com/favicon/icon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://derek-perry.com/favicon/icon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" sizes="180x180" href="https://derek-perry.com/favicon/apple-touch-icon.png" />
<link rel="apple-touch-icon" href="https://derek-perry.com/favicon/icon-180x180.png" />
<meta name="msapplication-TileImage" content="https://derek-perry.com/favicon/icon-270x270.png" />
<meta name="msapplication-TileColor" content="#689915" />
<meta name="msapplication-config" content="https://derek-perry.com/favicon/browserconfig.xml" />
<!-- Analytics (Plausible) -->
<script defer data-domain="derek-perry.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body id="roachrun" role="main">
<header id="header" role="banner">
<a href="https://derek-perry.com" title="Derek Perry" id="headerlogo">
<picture>
<source srcset="/media/logo.webp" height="50px" width="50px" type="image/webp">
<source srcset="/media/logo.png" height="50px" width="50px" type="image/png"><img height="50px" width="50px" src="/media/logo.png" alt="Derek Perry's Logo">
</picture>
<h1>Derek Perry</h1>
</a>
<h2 id="headerdescription">
<a href="https://derek-perry.com" title="Interactive Design Works by Derek Perry">Interactive Design</a>: <span id="descroles"><a href="https://derek-perry.com#games" title="Games by Derek Perry">Game</a>, <a href="https://derek-perry.com#graphics" title="Graphics by Derek Perry">Graphic</a>, & <a href="https://derek-perry.com#websites" title="Websites by Derek Perry">Web</a></span>
</h2>
</header>
<main role="main">
<article id="work">
<section id="summary">
<h2>Roach Run</h2>
<p><em>March 26, 2019 - May 29, 2019</em></p>
<ul>
<li>Game Design</li>
<li>Game Development</li>
</ul>
</section>
<section id="software">
<h2>Software Used:</h2>
<p>Adobe Illustrator, Adobe Photoshop, Autodesk Maya, Unreal Engine 4</p>
</section>
<section id="overview">
<h2>Work Overview:</h2>
<p>Roach Run is a first-person collect-a-thon arcade game made in Unreal Engine. This was the first game I made in Unreal Engine. The goal was carrying out a simple game design idea with a focus on game tech and mechanics using Unreal Engine. The project’s focus on game tech creation had me diving into Unreal Engine blueprints using third-party/sourced assets to execute on a complete game design idea.</p>
<hr>
<img src="/media/roachrun1_logo.png" alt="Roach Run Logo">
<strong>
<p>You're a small roach in a house with a messy owner, roach friends, and food inside.</p>
<p>Find & Save your 5 Roach Buddies.</p>
<p>Collect Food for Health.</p>
</strong>
<hr>
<video controls autoplay muted loop preload="auto" poster="/media/roachrun2_preview.jpg" alt="Roach Run Gameplay Video">
<source src="/media/roachrun0_video-gameplay.mp4" type="video/mp4" />
</video>
<p>Roach Run Gameplay Video</p>
<hr>
<img src="/media/roachrun5_tip.jpg" alt="Roach Run First Person/Roach Perspective with Simple HUD">
<p>Roach Run First Person/Roach Perspective with Simple HUD</p>
<hr>
<img src="/media/roachrun8_food.jpg" alt="Roach Run's Simple First-Person HUD with Object Glow, Timer, Food Amnt, Roach Amnt, and Health">
<p>Roach Run's Simple First-Person HUD with Object Glow, Timer, Food Amnt, Roach Amnt, and Health</p>
<hr>
<img src="/media/roachrun6_yawn.jpg" alt="Roach Run Intro Sequence using Mixamo Model and Animations">
<p>Roach Run Intro Sequence using Mixamo Model and Animations</p>
<hr>
<img src="/media/roachrun7_interior.jpg" alt="Roach Run's Play Area with Roach Friends and Food spread about for Collection">
<p>Roach Run's Play Area with Roach Friends and Food spread about for Collection</p>
<hr>
<img src="/media/roachrun9_downstairs.jpg" alt="Roach Run's Downstairs Interior Space with Damaging Traps and Food scattered around">
<p>Roach Run's Downstairs Interior Space with Damaging Traps and Food scattered around</p>
<hr>
<img src="/media/roachrun10_upstairs.jpg" alt="Roach Run's Upstairs Interior Space with more Food and Roach Friends to Collect">
<p>Roach Run's Upstairs Interior Space with more Food and Roach Friends to Collect</p>
<hr>
<img src="/media/roachrun4_yard.jpg" alt="Roach Run Environment Exterior to show details ranging from Roach-size to Tree-size">
<p>Roach Run Environment Exterior to show details ranging from Roach-size to Tree-size</p>
<hr>
<img src="/media/roachrun11_hud.jpg" alt="Roach Run's HUD effects for Damage and Collect/GetHealth">
<p>Roach Run's HUD effects for Damage and Collect/GetHealth</p>
<hr>
<a class="button" id="artstation" href="https://artstation.com/artwork/6a4gOW" target="_blank" rel="noopener noreferrer" title="View Roach Run on ArtStation">View This Project on ArtStation</a>
<hr>
<div class="marginvert" id="download"><a class="button" href="https://drive.google.com/file/d/1AeVhdNSFMd11Ij0yf1SvTeIIS9egFw_e" target="_blank" title="Download Roach Run in a zip(625MB) with the .exe for Windows 64bit">Download</a></div>
<p>Download Roach Run in a zip(625MB) with the .exe for Windows 64bit</p>
</section>
</article>
</main>
<footer id="footer" role="contentinfo">
<section id="footerlinks">
<p>GitHub: <a href="https://github.com/derek-perry" target="_blank" rel="noopener noreferrer" title="derek-perry on GitHub">derek-perry</a></p>
<p>LinkedIn: <a href="https://linkedin.com/in/derek-perry" target="_blank" rel="noopener noreferrer" title="derek-perry on LinkedIn">derek-perry</a></p>
<p>YouTube: <a href="https://youtube.com/@derek-perry" target="_blank" rel="noopener noreferrer" title="@derek-perry on YouTube">@derek-perry</a></p>
<p>Twitch: <a href="https://twitch.tv/derekperry" target="_blank" rel="noopener noreferrer" title="derekperry on Twitch">derekperry</a></p>
<p>Twitter: <a href="https://twitter.com/_derekperry" target="_blank" rel="noopener noreferrer" title="_derekperry on Twitter">_derekperry</a></p>
<p>ArtStation: <a href="https://artstation.com/derekperry" target="_blank" rel="noopener noreferrer" title="derekperry on ArtStation">derekperry</a></p>
<p>Mastodon: <a href="https://mastodon.gamedev.place/@dp" target="_blank" rel="me" title="@dp on Mastodon.gamedev.place">@[email protected]</a></p>
<br>
<p>Email: <a href="mailto:[email protected]" target="_blank" title="Email Derek Perry (Work: [email protected])" rel="noopener">[email protected]</a></p>
</section>
<section id="footerlegal">
<p>© 2024 <a href="https://derek-perry.com" title="Derek Perry">Derek Perry</a> | <a href="/privacy" title="Privacy Policy">Privacy Policy</a></p>
</section>
</footer>
</body>
</html>