-
Notifications
You must be signed in to change notification settings - Fork 0
/
vr-drum-kit.html
169 lines (158 loc) · 7.45 KB
/
vr-drum-kit.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
<!DOCTYPE html>
<html>
<head>
<title>VR Drum Kit - PicoPlanet Developing</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.light_blue-blue.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/images/icons/favicon.ico" />
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="description" content="PicoPlanet Developing VR Drum Kit" />
<meta name="keywords"
content="PicoPlanet, PicoPlanetDev, App, Apps, VR Playground, Rabbit Dash, Chemistry VR Photos, Development, Dev, Android, Website, Play Store, Games, VR, Unity" />
<style type="text/css">
.mdl-layout__content .heading-div .heading {
background-image: url('/images/drum-kit/drum-kit-background.png');
}
</style>
<script>
$(function () {
$('.mdl-collapse__content').each(function () {
var content = $(this);
content.css('margin-top', -content.height());
})
$(document.body).on('click', '.mdl-collapse__button', function () {
$(this).parent('.mdl-collapse').toggleClass('mdl-collapse--opened');
})
})
</script>
<script type="text/javascript">
var addthis_config = addthis_config || {};
addthis_config.data_track_addressbar = false;
addthis_config.data_track_clickback = false;
</script>
</head>
<body>
<!-- Nav layout with menu -->
<div class="layout-transparent mdl-layout mdl-js-layout">
<header class="mdl-layout__header mdl-layout__header--fixed">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">PicoPlanet Developing</span>
</div>
</header>
<!-- navigation drawer -->
<div class="mdl-layout__drawer">
<span class="mdl-layout-title"><a href="index.html"><img
src="/images/icons/planet-clip-art-planet-64-clear.png" alt="logo" height="42"
width="42"></a></span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="index.html">Home</a>
<div class="mdl-collapse">
<a class="mdl-navigation__link mdl-collapse__button">
<i class="material-icons mdl-collapse__icon mdl-animation--default">expand_more</i>
Apps
</a>
<div class="mdl-collapse__content-wrapper">
<div class="mdl-collapse__content mdl-animation--default">
<a class="mdl-navigation__link" href="apps.html">Apps</a>
<a class="mdl-navigation__link" href="files.html">Files</a>
<a class="mdl-navigation__link" href="vr-drum-kit.html">VR Drum Kit</a>
<a class="mdl-navigation__link" href="farm-game.html">Crop Craze</a>
<a class="mdl-navigation__link" href="vr-playground.html">VR Playground</a>
<a class="mdl-navigation__link" href="rabbit-dash.html">Rabbit Dash</a>
<a class="mdl-navigation__link" href="chemistry-vr-photos.html">Chemistry VR Photos</a>
<a class="mdl-navigation__link" href="trailblazer-vr.html">Trailblazer VR</a>
<a class="mdl-navigation__link" href="puzzle-vr.html">Puzzle VR</a>
</div>
</div>
</div>
<a class="mdl-navigation__link" href="about.html">About Me</a>
<a class="mdl-navigation__link" href="social.html">Social</a>
<a class="mdl-navigation__link" href="contact.html">Contact Me</a>
</nav>
</div>
<!-- page content -->
<main class="mdl-layout__content">
<!-- heading -->
<div class="heading-div">
<h1 class="heading">VR Drum Kit</h1>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col"><img class="tri-image" src="images/drum-kit/Practice.png"
alt="practice room" height="auto" width="100%"></div>
<div class="mdl-cell mdl-cell--4-col"><img class="tri-image" src="images/drum-kit/ScreenshotHiHat.png"
alt="hi-hat" height="auto" width="100%"></div>
<div class="mdl-cell mdl-cell--4-col"><img class="tri-image"
src="images/drum-kit/ScreenshotSnareOnOff.png" alt="snare" height="auto" width="100%"></div>
<div class="mdl-cell mdl-cell--4-col"><img class="tri-image"
src="images/drum-kit/ScreenshotRearrange.png" alt="rearrange" height="auto" width="100%"></div>
<div class="mdl-cell mdl-cell--4-col"><img class="tri-image" src="images/drum-kit/Landscape.png"
alt="full vr view" height="auto" width="100%"></div>
</div>
<img src="/images/drum-kit/drum-kit-icon.png" alt="drum-kit-icon" width="15%" style="float: right;">
<!-- paragraph -->
<p class="paragraph">
<a href="https://www.oculus.com/experiences/rift/3236965312985146/"><b>Download it on Oculus
Store!</b></a>
</p>
<p>
<strong>Get VR Drum Kit before release!</strong>
Rift and Rift S owners interested in testing a new VR game:
email me at <a href="mailto:picoplanetdev@gmail.com?subject=Interested
in trying out VR Drum Kit&body=Please send me a key to VR Drum Kit!
Thanks!">picoplanetdev@gmail.com</a>.
I will send you back a key to activate VR Drum Kit. Paste this code at
<a href="https://secure.oculus.com/redeem-code/">https://secure.oculus.com/redeem-code/</a>.
You will now be able to access VR Drum kit! Send me an email with feedback or use
the following form: <a href="https://forms.gle/m3TCWPnxnfwfzYN56">here</a>!
</p>
<p class="paragraph" style="padding-top: 1%">
<b>How to play:</b>
<ul>
<li>Grab drumsticks and instruments with your grip buttons.</li>
<li>Hit any drum or cymbal with your stick to make a sound.</li>
<li>Instruments can be rearranged to fit your reach or layout preferences.</li>
<li>Push your left joystick up or down to turn snare on and off.</li>
<li>Hit the Hi-hat to make a longer sound, use (X) to simulate the floor pedal for a sharper sound.</li>
<li>Hit the bass drum or use (A) to make a sound.</li>
<li>Press and hold the menu button (☰) to reset the scene or go back to the main menu.</li>
<li>Press a button by pinting your hand at it.</li>
<li>Point your index finger and press on the panel in the Rhythm room to set up the beat.</li>
</ul>
</p>
<p>
<strong>New Features:</strong>
<ul>
<li><strong>1.0: </strong>Upgraded Rhythm scene to all drums. Added Rock Concert scene. Improved UI
interactions.</li>
<li><strong>0.9: </strong>Added Rhythm scene which allows beat sequencing
on three drums. Reflection probes were teaked to reduce GPU usage.</li>
<li><strong>0.8: </strong>Reflection probes and HDRP added for an amazing
looking drum kit, added metronome in practice room, changed visualizer to all-pink</li>
<li><strong>0.7: </strong>Added spatial sound and button noises</li>
<li><strong>0.6 and before: </strong>Keys-only on the Oculus Store</li>
</ul>
</p>
<p>
I would love to hear your feedback in your reviews!
If you have an issue, please contact me at <a
href="mailto:picoplanetdev@gmail.com">picoplanetdev@gmail.com</a>.
</p>
<!-- share -->
<hr>
<p class="paragraph">
Share this page via
<br>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_inline_share_toolbox" data-url="picoplanetdev.tk/vr-drum-kit"
data-title="VR Drum Kit - PicoPlanet Developing" style="padding-left: 1%"></div>
</p>
</main>
</div>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5cd8613086e226db"></script>
</body>
</html>