-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPlanetPolluter.html
143 lines (138 loc) · 6.55 KB
/
PlanetPolluter.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Christian Kuss</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Cinzel|Raleway" rel="stylesheet">
<script src="style.js"></script>
<link rel="icon" href="resources/img/HomePage/mylogo.png">
<link rel="stylesheet" href="style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112798738-1"></script>
<script>
window.alert = function () {
};
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-112798738-1');
</script>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="PlanetPolluter/TemplateData/style.css">
<script src="PlanetPolluter/TemplateData/UnityProgress.js"></script>
<script src="PlanetPolluter/Build/UnityLoader.js"></script>
<script>
var gameInstance = UnityLoader.instantiate("gameContainer", "PlanetPolluter/Build/PlanetPolluter.json", { onProgress: UnityProgress });
</script>
</head>
<body id="myPage">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html#myPage"><img src="resources/img/HomePage/mylogo.png" id="mylogo"></a>
</div>
<div class="collapse navbar-collapse navbar-expand-lg" id="myNavbar">
<ul class="nav navbar-nav navbar-right" id="navbuttons">
<li><a href="index.html#about">ABOUT</a></li>
<li><a href="index.html#experience">EXPERIENCE</a></li>
<li class="project-dropdown">
<a href="index.html#projects">PROJECTS</a>
<div class="project-dropdown-content">
<a href="PlanetPolluter.html">PLANET POLLUTER</a>
<a href="PillDispenser.html">SMART PILL DISPENSER</a>
<a href="SumoBot.html">SUMO BOT</a>
<a href="CookieTopper.html">COOKIE TOPPER</a>
</div>
</li>
<li><a href="Blog.html">BLOG</a></li>
<li><a href="resources/Kuss_Resume.pdf" target="_blank">RÉSUMÉ</a></li>
</ul>
</div>
</nav>
<div class="container-fluid" id="spaceappsimg">
<div class="container container-body">
<h1 class="text-center">Planet Polluter</h1>
<div class="row">
<div class="col-sm-10 col-sm-offset-2">
<div class="webgl-content">
<div id="gameContainer" style="max-width: 80%; height: auto;"></div>
<div class="footer" style="max-width: 80%">
<div class="webgl-logo"></div>
<div class="fullscreen" onclick="gameInstance.SetFullscreen(1)"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="resources/img/spaceapps/coding.jpg" alt="Hacking Around" class="project-images">
</div>
<div class="col-sm-8 padder">
<div>
<p>
This project was completed by Ryan Lung, Brock Fenbert, Blake Mchale, Josh Field, and myself as
part of the 2018 NASA Space Apps Hackathon hosted by Binnovative. (Which we managed to win) The
idea of Planet Polluter was inspired by Plague Inc. a game where you try and infect the entire
world. In our version, the player attempts to pollute the planet to the levels in 2018. If the
player fails to reach the same CO2 levels by 2018, they lose.
</p>
<p>
The game incorporates data from NASA's website and compares your current level of carbon dioxide
throughout the game with the actual data that was present in the atmosphere that year. Our goal
for
the game was to raise awareness about the effects of carbon pollution and some of the major
causes.
</p>
<p><i>Note: Game is a very basic prototype</i></p>
<div class="row text-center logo">
<a href="https://github.com/christianmkuss/SpaceAppsHackathon" target="_blank">
<img src="resources/icons/social-github.png" alt="Space Apps Repository">
</a>
</div>
</div>
</div>
</div>
<div class="row text-center">
<p>
Our real goal at the end of the day was to learn Unity and C# which we did build some
foundations
in.
<br>
Here are my team members websites:
</p>
<p>
Josh Field: <a href="http://joshafield.com" target="_blank">http://joshafield.com</a>
</p>
<p>
Blake Mchale: <a href="http://blakemchale.com" target="_blank">http://blakemchale.com</a>
</p>
<p>
Brock Fenbert: <a href="http://brockfenbert.com" target="_blank">http://brockfenbert.com</a>
</p>
<p>
Ryan Lung: <a href="https://www.linkedin.com/in/ryan-lung/" target="_blank">https://www.linkedin.com/in/ryan-lung/</a>
</p>
<img src="resources/img/spaceapps/award.jpg" alt="Award" class="project-images">
</div>
</div>
</div>
<footer class="text-center">
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
</footer>
</body>
</html>