74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Spirit of Science - Sara Gerretsen</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<script type="text/javascript" src="../shared/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="../shared/style.css">
|
|
<div id="site-header">
|
|
<script>$(function(){$('#site-header').load("../shared/header.html");});</script>
|
|
</div>
|
|
</head>
|
|
<body>
|
|
<h1>Spirit of Science</h1>
|
|
<section class="project">
|
|
<h2 class="inline">Info</h2>
|
|
<div indented>
|
|
<p>Project Type: Unity Game for IEGJ</p>
|
|
<p>Timeframe: 2022</p>
|
|
</div>
|
|
|
|
<h2>Video</h2>
|
|
<iframe
|
|
src="https://youtube.com/embed/7Zueiw9SIrI?mute=1&autoplay=1&loop=1"
|
|
class="embed" youtube
|
|
></iframe>
|
|
<iframe
|
|
src="https://itch.io/embed/1415379"
|
|
class="embed" itch
|
|
frameborder="0">
|
|
<a href="https://sg-dev.itch.io/spirit-signal-iegj2022">
|
|
Spirit Signal by sg_dev, Saltoc, villewilly, jrosenbe, hallo_schoonheid
|
|
</a>
|
|
</iframe>
|
|
|
|
<h2>Product Overview</h2>
|
|
<p indented>
|
|
A top down exploration game setting you to exploring an abandoned factory looking for tools and key-cards while avoiding the unexplained dangers around the place
|
|
</p>
|
|
|
|
<h2>Project Overview</h2>
|
|
<p indented>
|
|
This was made for the International Educational Game Jam with a team of three artists and two programmers. My role was mainly that of gameplay programmer. I wrote the interaction and movement systems, as well as a few interactions using those systems.
|
|
</p>
|
|
|
|
<h2>Code</h2>
|
|
<div indented>
|
|
<h3>Interaction</h3>
|
|
<div indented>
|
|
<p>
|
|
When the player clicks, clickable objects near the cursor should be notified that they've been activated. For this, I created an Interactible interface. This interface can then be inherited to clearly mark a component as clickable.
|
|
</p>
|
|
<div id="interaction-code" class="code-content code-box">
|
|
<script>$(function(){$("#interaction-code").load("https://raw.githubusercontent.com/Sara-G-GD/portfolio-code-highlighting/main/iinteractible-ss.html");});</script>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Clicking</h3>
|
|
<div indented>
|
|
<p>
|
|
The player interaction script triggers any IInteractible components within a radius around wherever the player has clicked.
|
|
It only does this after ensuring that the clicked object can be reached.
|
|
</p>
|
|
<div id="clicking-code" class="code-content code-box">
|
|
<script>$(function(){$("#clicking-code").load("https://raw.githubusercontent.com/Sara-G-GD/portfolio-code-highlighting/main/interaction-ss.html");});</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|
|
|