-
Notifications
You must be signed in to change notification settings - Fork 0
/
ss.html
158 lines (132 loc) · 9.6 KB
/
ss.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
<!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>Space Scavenger - 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="Space Scavenger - Derek Perry - derek-perry.com" />
<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/ss" />
<link rel="canonical" href="https://derek-perry.com/ss" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@_derekperry" />
<meta name="twitter:title" content="Space Scavenger - Derek Perry - derek-perry.com" />
<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="ss" 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>Space Scavenger (Tech Demo)</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>Tech Demo for a space vehicle game concept similar to classics Asteroids and Lunar Lander, but with a 2.5D adaption.</p>
<p>The current state of the tech demo contains the majority of the root mechanics for the game loop. Shooting, Collecting, Homebase Stations, and Movement with its fuel usage, damage on collisions, and overall control-feel all make up the focus of feedback in this demo. The more natural and fun the movement and interaction, the easier it will be to move onto aesthetics and tie it all together with a narrative/theme.</p>
<hr>
<video controls autoplay muted loop preload="auto" poster="/media/ss5_splash.jpg" alt="Space Scavenger Introduction Gameplay Video">
<source src="/media/ss0_video-intro.mp4" type="video/mp4" />
</video>
<p>Space Scavenger Introduction Gameplay Video</p>
<hr>
<img src="/media/ss16_gif-stations.gif" alt="Fuel, Cargo, Repair Station Functionality">
<p>Stations - Fuel, Cargo, Repair Station Functionality</p>
<iframe style="width:100%;height:350px;" src="https://blueprintue.com/render/8jukkhr2" scrolling="no" allowfullscreen></iframe>
<p>Functionality of Stations - Blueprint</p>
<hr>
<img src="/media/ss13_gif-collecting.gif" alt="Collecting - Absorbing floating space bits">
<p>Collecting - Absorbing floating space bits</p>
<iframe style="width:100%;height:350px;" src="https://blueprintue.com/render/rm45imbb" scrolling="no" allowfullscreen></iframe>
<p>Collecting/Cargo Management - Blueprint</p>
<hr>
<img src="/media/ss14_gif-damage.gif" alt="Weapons/Collision/Damage/Health">
<p>Damage - Weapons/Collision/Damage/Health</p>
<iframe style="width:100%;height:350px;" src="https://blueprintue.com/render/5todvnme" scrolling="no" allowfullscreen></iframe>
<p>Damage Mechanics (Weapons/Collision/Damage/Health) - Blueprint</p>
<hr>
<img src="/media/ss15_gif-movement.gif" alt="Movement - Forward, Backward, Turning, Boost">
<p>Movement - Forward, Backward, Turning, Boost</p>
<iframe style="width:100%;height:350px;" src="https://blueprintue.com/render/poiv609t" scrolling="no" allowfullscreen></iframe>
<p>Forward, Backward, Turning, Boost Movement States - Blueprint</p>
<hr>
<img src="/media/ss6_collecting.jpg" alt="Space Scavenger Gameplay Screenshot">
<p>Space Scavenger Gameplay Screenshot</p>
<hr>
<img src="/media/ss5_splash.jpg" alt="Space Scavenger Splash Screen">
<p>Space Scavenger Splash Screen</p>
<hr>
<div class="marginvert" id="download"><a class="button" href="https://drive.google.com/file/d/1AetQivwy8EWKr6pcsDL9ISVErnq1X1du" target="_blank" title="Download Space Scavenger in a zip(170MB) with the .exe for Windows 64bit">Download</a></div>
<p>Download Space Scavenger in a zip(170MB) 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>