-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBoosting.html
310 lines (301 loc) · 14.1 KB
/
Boosting.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!doctype html>
<!--#region page background --------------------------------------------------------------------------------------------------------->
<html lang="en" class="background-dark">
<!--#endregion page background ------------------------------------------------------------------------------------------------------>
<head>
<!--#region copypasta head -->
<!-- copypasta head [Felewin Website Template] --><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="images/Icon.png"><link rel="stylesheet" href="css/reset.css"><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="css/animate.css"><link rel="stylesheet" href="css/hover-min.css"><link rel="stylesheet" href="css/starfield.css"><link rel="stylesheet" href="css/Felewin-baseline.css"><link rel="stylesheet" href="css/custom/colors.css"><link rel="stylesheet" href="css/custom/elements.css"><link rel="stylesheet" href="css/custom/classes.css"><link rel="stylesheet" href="css/custom/identifiers.css"><script src="https://kit.fontawesome.com/4d6df66743.js" crossorigin="anonymous"></script>
<!--#endregion copypasta head -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
<!--#region page metadata - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
<meta name="description" content="Free and open source toolkit for VR locomotion"> <!-- description (shown on searchengine result) -->
<meta name="keywords" content="Moon, Motion, Project, Toolkit, free, open, source, toolkit, VR, locomotion"> <!-- keywords for searchengine optimization -->
<meta name="author" content="Moon Motion Project"> <!-- author name -->
<meta name="theme-color" content="#0073ad"> <!-- Android Chrome bar color -->
<title>Moon Motion Toolkit</title> <!-- title -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
<!--#endregion page metadata - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --->
</head>
<!---------------------------------------------------------------------------------------------------------------------------------->
<!--#region page content ----------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------->
<body class="docs-scrollbar">
<!-- logo - icon only (for mobile) -->
<div class="absolute">
<a href="index.html">
<img src="images/Icon.png" class="logo docs-logo unselectable hvr-float-shadow display-only-below-tablet-landscape-dimensions"/>
</a>
</div>
<!-- logo (for tablet+) -->
<div class="absolute">
<a href="index.html">
<img src="images/Logo.png" class="logo docs-logo unselectable hvr-float-shadow display-only-by-tablet-landscape-dimensions"/>
</a>
</div>
<!-- modified Git Hub Corner (https://github.com/tholman/github-corners); original � Tim Holman 2016 -->
<div>
<a href="https://github.com/MoonMotionProject/MoonMotion" class="git-hub-corner" aria-label="Access the repository"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:var(--color-main); color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.git-hub-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.git-hub-corner:hover .octo-arm{animation:none}.git-hub-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
</div>
<!-- docs -->
<div class="pad background-dark">
<!-- Documentation top (to appear to keep among Documentations) -->
<div class="unselectable">
<!-- Documentation link header -->
<a href="Documentation.html">
<h2 class="docs-link-header docs-margin-top">
Documentation
</h2>
</a>
<!-- divider -->
<div class="pad-divider"></div>
<br>
</div>
<!-- Locomotions top (to appear to keep among Locomotions) -->
<div class="unselectable">
<!-- Locomotions link header -->
<a href="Locomotions.html">
<h2 class="docs-link-header">
Locomotions
</h2>
</a>
<!-- divider -->
<div class="pad-divider"></div>
<br>
</div>
<!-- subDocumentation (to animate in) -->
<div>
<!-- subDocumentation fader (to animate in softly) -->
<div class="wow fadeIn fadeInUp_disabled">
<!-- header -->
<h2 class="weight-heavy wow fadeIn">
Boosting
</h2>
<!-- divider -->
<div class="pad-divider wow fadeIn"></div>
</div>
<br>
<br>
<!-- subDocumentation flyer (to animate in intensely) -->
<div class="wow fadeIn fadeInUp_disabled">
<!-- article -->
<div class="article-padding align-left">
<!-- description -->
<h4>
Hand Locomotion
</h4>
<p class="muted-text wow fadeIn">
The Boosting <a href="Locomotions.html">locomotion</a> is a hand locomotion; a Booster can be enabled on each hand of the <a href="Player.html">player</a> via <a href="Locomotions-Cycling.html">locomotions cycling</a>. As with any other hand locomotion, this must be done for each hand for which you want its locomotion to become active.
</p>
<h4>
Boosting
</h4>
<p class="no-bottom-margin wow fadeIn">
Boosting allows players to fly around like Iron Man or Jango Fett. Upon <a href="Controller-Input-Handling.html">input</a>, a Booster blasts a jet in one direction and thrusts the player in the opposite direction. The propulsion can be aimed individually via rotation of the motion-tracked controllers.
</p>
</div>
<br>
<!-- video -->
<div class="grid media-grid">
<div class="cell media-cell no-vertical-padding wow fadeIn">
<video width="100%" height="auto" no-controls autoplay muted loop>
<source src="videos/Boosting.mp4" type="video/mp4"/>
Your browser does not support the video tag.
</video>
</div>
</div>
<br>
<!-- article -->
<div class="article-padding align-left">
<p class="wow fadeIn">
Boosting offers a more visceral and comfortable flying experience than some more abstract flying locomotions out in the wild. Many flying locomotions don't provide sensory feedback. But because of details like haptics, fuel, and particle effects for visualizing different intensities, boosting can become familiar to the player quickly.
</p>
<p class="wow fadeIn">
It feels more realistic to fly via acceleration as a result of fire coming out of your controller than it does to arbitrarily fly at a steady velocity whenever a button is held down. Most players easily forget they are standing on the ground in their living room.
</p>
<p class="wow fadeIn">
As the flagship locomotion of the <a href="index.html">Moon Motion Toolkit</a>, Boosting has the most features and customizations. Its appeal toward <a href="Gravity-Zone.html">low-gravity experiences</a> is responsible for the space vibe of the toolkit. However, its aesthetics could easily be swapped out for bubbling jets in an underwater environment, for instance (using the Booster Aesthetics Cycler module). There are many modules for the Boosting locomotion, each responsible for a different aspect or function of boosting. These allow it to be customized deeply and to have each aspect be controlled via input.
</p>
<br>
<!-- derivation header -->
<h4 class="align-center wow fadeIn">
Derivation
</h4>
</div>
<!-- derivation image -->
<div class="align-center wow fadeIn">
<a href="https://hunter-bobeck.itch.io/one-giant-leap" target="blank">
<img src="images/One Giant Leap Cover.png" class="derivation-image-link hvr-grow"/>
</a>
</div>
<br>
<!-- article -->
<div class="article-padding align-left">
<!-- modules -->
<h4 class="wow fadeIn" id="Modules">
Modules
</h4>
<img src="images/Booster Modules.jpg" class="docs-screenshot wow fadeIn"/>
<p>
Each Booster includes the following modules as children:
</p>
<div class="align-left">
<ul class="tabbed">
<li class="wow fadeIn">
<a href="Booster-Fuel-Sputterer.html">
Fuel Sputterer
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Glow.html">
Glow
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Flashlight.html">
Flashlight
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Jet.html">
Jet
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Halter.html">
Halter
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Position-Cycler.html">
Position Cycler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Rotation-Cycler.html">
Rotation Cycler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Aesthetics-Set-Cycler.html">
Aesthetics Set Cycler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Antidiminisher.html">
Antidiminisher
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Automator.html">
Automator
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Defueler.html">
Defueler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Diminisher.html">
Diminisher
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Fall-Dampener.html">
Fall Dampener
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Force-Applier.html">
Force Applier
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Force-Multiplier.html">
Force Multiplier
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Inertia-Dampener.html">
Inertia Dampener
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Laserer.html">
Laserer
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Pulser.html">
Pulser
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Refueler.html">
Refueler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Relativizer.html">
Relativizer
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Speed-Limiter.html">
Speed Limiter
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Fuel-Supply.html">
Fuel Supply
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Toggler.html">
Toggler
</a>
</li>
<li class="wow fadeIn">
<a href="Booster-Vibrator.html">
Vibrator
</a>
</li>
</ul>
</div>
</div>
<!-- Booster Modules media -->
<div class="grid media-grid">
<!-- Booster Aesthetics Cycling video -->
<div class="cell media-cell wow fadeIn">
<video width="100%" height="auto" no-controls autoplay muted loop>
<source src="videos/Booster Aesthetics Cycling.mp4" type="video/mp4"/>
Your browser does not support the video tag.
</video>
<h4>
Booster Aesthetics Cycling
</h4>
</div>
<!-- Booster Antidiminishing video -->
<div class="cell media-cell wow fadeIn">
<video width="100%" height="auto" no-controls autoplay muted loop>
<source src="videos/Booster Antidiminishing.mp4" type="video/mp4"/>
Your browser does not support the video tag.
</video>
<h4>
Booster Antidiminishing
</h4>
</div>
</div>
</div>
</div>
</div>
<!--#region postJS -->
<!-- postJS [Felewin Website Template] --><script src="js/jquery-3.3.1.js"></script><script src="js/bootstrap.min.js"></script><script src="js/wow.min.js"></script><script>new WOW().init();</script><script src="js/animate.js"></script><script src="js/starfield.js"></script><script src="js/Felewin-baseline.js"></script><script src="js/Felewin-subpage-titling.js"></script>
<!--#endregion postJS -->
</body>
<!---------------------------------------------------------------------------------------------------------------------------------->
<!--#endregion page content -------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------->
</html>