68 lines
2.3 KiB
HTML
68 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Ruins of Edis - 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>Ruins of Edis</h1>
|
|
<section class="project">
|
|
|
|
<h2>Info</h2>
|
|
<div indented>
|
|
<p>Project type: Unity Game</p>
|
|
<p>Timeframe: 2022</p>
|
|
</div>
|
|
|
|
<h2>Video</h2>
|
|
<iframe
|
|
src="https://www.youtube.com/embed/9HS_cBV1rOg?mute=1&loop=1&autoplay=1"
|
|
class="embed" youtube>
|
|
</iframe>
|
|
|
|
<h2>Product Overview</h2>
|
|
<p indented>
|
|
A relaxing desert driving game about following a blue light around the ruins of a long lost civilization. Stay within the light or be lost to the desert.
|
|
</p>
|
|
|
|
<h2>Project Overview</h2>
|
|
<p indented>
|
|
For this project, I was a responsible for the car's controls and physics. I also helped with programming the terrain generation script.
|
|
</p>
|
|
|
|
<h2>Code</h2>
|
|
<div indented>
|
|
|
|
<h3>Controls</h3>
|
|
<div indented>
|
|
<p>
|
|
The drifting system uses a "force angle" which describes the angle relative to the forward direction in which the car should apply force.
|
|
This allows the direction while drifting to be changed to be somewhere to the side of the car for it to slide properly.
|
|
</p>
|
|
<div id="car-update-code" class="code-content code-box">
|
|
<script>$(function(){$("#car-update-code").load("https://raw.githubusercontent.com/Sara-G-GD/portfolio-code-highlighting/main/update-car-roe.html");});</script>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Terrain Generator</h3>
|
|
<div indented>
|
|
<p>
|
|
To make the terrain generation extensively configurable, we used a whole collection of stacked animation curves and multipliers.
|
|
These were then applied to the result of a perlin noise function to create a heightmap, which can then be applied to one or more terrain objects.
|
|
</p>
|
|
<div id="terrain-generator-code" class="code-content code-box">
|
|
<script>$(function(){$("#terrain-generator-code").load("https://raw.githubusercontent.com/Sara-G-GD/portfolio-code-highlighting/main/terrain-generator-roe.html");});</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|