-
Notifications
You must be signed in to change notification settings - Fork 0
/
xc4v.html
120 lines (109 loc) · 8.09 KB
/
xc4v.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
<!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>XC4V - 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="XC4V - 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/xc4v" />
<link rel="canonical" href="https://derek-perry.com/xc4v" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@_derekperry" />
<meta name="twitter:title" content="XC4V - 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="xc4v" 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>XC4V</h2>
<p><em>October 2, 2019 - November 13, 2019</em></p>
<ul>
<li>Game Design</li>
<li>Game Development</li>
</ul>
</section>
<section id="software">
<h2>Software Used:</h2>
<p>GitHub, Unreal Engine 4</p>
</section>
<section id="overview">
<h2>Work Overview:</h2>
<p>Third-person wave defense sci-fi combat game made in Unreal Engine for SCAD Game Design. The group-based SCAD project called for completing a Game Design idea using Unreal Engine with a focus on holistic design principles.</p>
<p>This was a project completed in a group of four students. My role was to design the systems and blueprint tech; combat, movement, other character interactions/variables, enemy AI, and the base/wave defense mechanics. My three group members provided the concept art as well as character, environment, and prop art assets along with sounds and menus. To assist team development on the game, I created a GitHub version control repository for managing and updating versioned game content.</p>
<hr>
<h3>XC4V</h3>
<p>Defend a valuable metal storage silo in an extraplanetary mining base from waves of invading enemies. Shoot dangerous molten metal from a limited tank on your backpack. Mine for more molten metal to warm XC4V and resist XC4V’s operating temperature dropping to fatally cold levels.</p>
<hr>
<video controls autoplay muted loop preload="auto" poster="/media/xc4v1_start.jpg" alt="XC4V Gameplay Video Showcase">
<source src="/media/xc4v0_video-gameplay.mp4" type="video/mp4" />
</video>
<p>XC4V Gameplay Video Showcase</p>
<hr>
<img src="/media/xc4v1_start.jpg" alt="XC4V Introduction/Landing Area Screenshot | Health and Temperature meters on XC4V's backpack as a semiotic replacement for the simple health bar HUD.">
<p>XC4V Introduction/Landing Area Screenshot | Health and Temperature meters on XC4V's backpack as a semiotic replacement for the simple health bar HUD.</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>