-
Notifications
You must be signed in to change notification settings - Fork 0
/
evolutioncycle.html
109 lines (58 loc) · 4.57 KB
/
evolutioncycle.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ThomasB Porfolio</title>
<link rel="stylesheet" href="styles/global.css">
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
</head>
<body>
<div class="page-deadspace">
<div id="nav-placeholder"></div>
<div id="page-content">
<div id="about-block" class="block"></div>
<div id="info-block" class="block">
<h2 id="info-title">Evolution Cycle</h2>
<div id="info-right-column">
<img class="info-block-img" src="/images/EvolutionCycle.webp" alt="Evolution Cycle Image">
<p class="info-column-category">Title:</p><p class="info-column-text">Evolution Cycle</p>
<p class="info-column-category">Engine:</p><p class="info-column-text">Unreal Engine 4</p>
<p class="info-column-category">Programmer(s):</p><div><p class="info-column-text">Thomas Ballantyne,</p><p class="info-column-text">Atanas Tyanev</p></div>
<p class="info-column-category">Artist(s):</p><div><p class="info-column-text">Sarah Belgrove,</p><p class="info-column-text">Marc Hilton,</p><p class="info-column-text">Cole Morton,</p><p class="info-column-text">Matilda Clarke</p></div>
<p class="info-column-category">Designer(s):</p><div><p class="info-column-text">Rhiannon Nash,</p><p class="info-column-text">Federico Ripley</p></div>
<p class="info-column-category">Platform:</p><p class="info-column-text">Microsoft Windows</p>
<br>
</div>
<h3 class="info-sub-title">About Game<hr class="info-hr"></h3>
<p class="info-body-text">Evolution Cycle is a 2.5D fantasy-styled game that uses Power inputs from a static bike to control gameplay. You are tasked with cycling at different power outputs to overcome obstacles and traverse a once magic forest to fight the enemy and restore magic to the world.</p>
<p class="info-body-text">Magic is fading from the world, and it is your task to embark on a mission through the forest to the boss’s lair to defeat them and restore magic to the world. Along the way you will encounter several types of obstacles you will have to overcome by pedaling on the bike.</p>
<h3 class="info-sub-title">Contribution<hr class="info-hr"></h3>
<p class="info-body-text">My primary contribution to this project was integrating the cycling equiptment with the game. I achieved this by using the Ant+ protocol to send and recieve data from the bike, I developed a sensor connection screen in Unreal Engine to allow for users to connect to their sensor.</p>
<p class="info-body-text">Within gameplay I implemented reading power data from the bike to control the character, also I added control for the game to control the resistance and target power of the bike to match the gameplay.</p>
<p class="info-body-text">I also handled most non player related programming, such as the UI power graphs, power ups, all menu logic, level transitioning conditions, and build settings.</p>
<h3 class="info-sub-title">Gallery<hr class="info-hr"></h3>
<div style="display: flex; justify-content: center;">
<img class="info-img" src="/images/ECImage1.webp" alt="Evolution Cycle Image 1">
<img class="info-img" src="/images/ECImage2.webp" alt="Evolution Cycle Image 2">
<img class="info-img" src="/images/ECImage3.webp" alt="Evolution Cycle Image 3">
</div>
<h3 class="info-sub-title">Links<hr class="info-hr"></h3>
<div style="display: flex; justify-content: center;">
<button id="ec-exe-btn" class="info-block-button"><img src="../images/Exe.webp" alt="Executable" title="Executable" class="social-block-icon"><p class="social-block-text">Executable</p></button>
<button id="ec-source-btn" class="info-block-button"><img src="../images/SourceCode.webp" alt="Source Code" title="Source Code" class="social-block-icon"><p class="social-block-text">Source Code</p></button>
</div>
</div>
<div id="social-block" class="block"></div>
</div>
</div>
<script>
$(function(){
$("#nav-placeholder").load("/objects/header.html");
$("#about-block").load("/objects/about.html");
$("#social-block").load("/objects/social.html");
});
</script>
<script src="scripts/infoLinks.js"></script>
</body>
</html>