/
concept.html
120 lines (110 loc) · 5.57 KB
/
concept.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">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Team aMAZEd | Home</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap-superhero.min.css" rel="stylesheet">
<link href="css/amazed.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Team aMAZEd</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="concept.html">Concept</a></li>
<li><a href="process.html">Process</a></li>
<li><a href="demo.html">Final Demo</a></li>
<li><a href="subsystems.html">Subsystems</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="aboutus.html">About Us</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</nav>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-sm-12">
<h1>Game Concept</h1>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h2>Bernoulli Blower</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p>Our game idea came out of a physics demo called the Bernoulli Blower, commonly shown at science fairs and museums (seen in the video to the right). Using a stream of fast-moving air and a ping-pong ball (or other smooth ball), you can levitate the ball in the air.</p>
<p>This effect is due to the fact that fast-moving air exerts a lower pressure than slow-moving air. As a result, the higher pressure air outside of the airstream acts as a wall that keeps the ball inside the stream. Bernoulli Blower exhibits use this effect to keep ping-pong balls in the airstream even when they seem like they should fall out!</p>
<p>We decided that we could gamify the Bernoulli Blower effect by creating a 3D maze!</p>
</div>
<div class="col-sm-6">
<iframe width="500" height="400" src="https://www.youtube.com/embed/5kgNGGGeLe8" frameborder="0" allowfullscreen class="hcenterimg"></iframe>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h2>Prior Art</h2>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p>When we were first exploring our idea, we found that the Bernoulli Blower had previously been commercialized into a kid's game (two, actually). The scale and control schemes of the games are different than what we created, but the concept is the same - navigate a floating ball around obstacles to the goal.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3 class="hcenter">Mindflex</h3>
<img src="img/mindflex.jpg" class="hcenterimg" width="400px">
<p class="hcenter">Levitate a ball around a track using the power of your brain to change the air power! Staring intensely at the ball is required, apparently.</p>
</div>
<div class="col-md-6">
<h3 class="hcenter">Harry Potter's Levitating Challenge</h3>
<img src="img/harrypotter.jpg" class="hcenterimg" width="400px">
<p class="hcenter">The same thing as Mindflex, but you use magic (not air) to levitate the ball.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h2>Our Implementation</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p>We took the Bernoulli Blower and scaled it up! Instead of a portable toy, we decided to make it into a tabletop game (approximately 3ft wide x 4ft high x 5ft deep) with an industrial-grade vaccum providing the airflow. Here's one of our original top-view sketches of the game layout (compare it to how the final assembly turned out <a href="demo.html">here</a>). Gameplay is simple: navigate the ball through 3 dimensions, past the obstacles, to the goal! If you hit an obstacle with the ball, it will be knocked off of the airstream and you'll have to restart.</p>
<p>Scoring is determined by time (a faster time means a better score) and the top score is tracked to give players something to compete against.</p>
</div>
<div class="col-sm-6">
<img src="img/concept.png" class="hcenterimg" width="400px">
</div>
</div>
<hr>
<footer>
<p></p>
</footer>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/carousel.min.js"></script>
</body>
</html>