|
5
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
5 <title>VRフリーハンド音楽ゲームHyperSolidTunesの実装</title>
|
|
|
6
|
|
|
7 <meta name="generator" content="Slide Show (S9) v2.5.0 on Ruby 2.4.2 (2017-09-14) [x86_64-darwin16]">
|
|
|
8 <meta name="author" content="YukiHamase" >
|
|
|
9
|
|
|
10 <!-- style sheet links -->
|
|
|
11 <link rel="stylesheet" href="s6/themes/screen.css" media="screen">
|
|
|
12 <link rel="stylesheet" href="s6/themes/print.css" media="print">
|
|
|
13 <link rel="stylesheet" href="s6/themes/blank.css" media="screen,projection">
|
|
|
14
|
|
|
15 <!-- JS -->
|
|
|
16 <script src="s6/js/jquery-1.11.3.min.js"></script>
|
|
|
17 <script src="s6/js/jquery.slideshow.js"></script>
|
|
|
18 <script src="s6/js/jquery.slideshow.counter.js"></script>
|
|
|
19 <script src="s6/js/jquery.slideshow.controls.js"></script>
|
|
|
20 <script src="s6/js/jquery.slideshow.footer.js"></script>
|
|
|
21 <script src="s6/js/jquery.slideshow.autoplay.js"></script>
|
|
|
22
|
|
|
23 <!-- prettify -->
|
|
|
24 <link rel="stylesheet" href="scripts/prettify.css">
|
|
|
25 <script src="scripts/prettify.js"></script>
|
|
|
26
|
|
|
27 <style>
|
|
|
28 .slide {page-break-after: always;}
|
|
|
29 </style>
|
|
|
30
|
|
|
31
|
|
|
32
|
|
|
33
|
|
|
34 </head>
|
|
|
35 <body>
|
|
|
36
|
|
|
37 <div class="layout">
|
|
|
38 <div id="header"></div>
|
|
|
39 <div id="footer">
|
|
|
40 <div align="right">
|
|
|
41 <img src="s6/images/logo.svg" width="200px">
|
|
|
42 </div>
|
|
|
43 </div>
|
|
|
44 </div>
|
|
|
45
|
|
|
46 <div class="presentation">
|
|
|
47
|
|
|
48 <div class='slide cover'>
|
|
|
49 <table width="90%" height="90%" border="0" align="center">
|
|
|
50 <tr>
|
|
|
51 <td>
|
|
|
52 <div align="center">
|
|
|
53 <h1><font color="#808db5">VRフリーハンド音楽ゲームHyperSolidTunesの実装</font></h1>
|
|
|
54 </div>
|
|
|
55 </td>
|
|
|
56 </tr>
|
|
|
57 <tr>
|
|
|
58 <td>
|
|
|
59 <div align="left">
|
|
|
60 YukiHamase
|
|
|
61 並列信頼研
|
|
|
62 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:100%;height:0.2em;">
|
|
|
63 </div>
|
|
|
64 </td>
|
|
|
65 </tr>
|
|
|
66 </table>
|
|
|
67 </div>
|
|
|
68
|
|
|
69 <div class='slide '>
|
|
|
70 <!-- === begin markdown block ===
|
|
|
71
|
|
|
72 generated by markdown/1.2.0 on Ruby 2.4.2 (2017-09-14) [x86_64-darwin16]
|
|
7
|
73 on 2019-02-20 09:31:09 +0900 with Markdown engine kramdown (1.16.2)
|
|
5
|
74 using options {}
|
|
|
75 -->
|
|
|
76
|
|
|
77 <!-- _S9SLIDE_ -->
|
|
|
78 <h1 id="section">研究目的</h1>
|
|
7
|
79
|
|
5
|
80 <ul>
|
|
|
81 <li>コントローラーを使用しないVR音ゲーを作りたい。</li>
|
|
|
82 <li>VRに対する没入感を大きくしたい。</li>
|
|
|
83 </ul>
|
|
|
84
|
|
|
85
|
|
|
86 </div>
|
|
|
87 <div class='slide '>
|
|
|
88 <!-- _S9SLIDE_ -->
|
|
|
89 <h1 id="section-1">既存の音楽ゲームの分類</h1>
|
|
|
90
|
|
|
91 <ul>
|
|
7
|
92 <li>視覚的分類←</li>
|
|
5
|
93 <li>入力方法の分類</li>
|
|
|
94 </ul>
|
|
|
95
|
|
|
96
|
|
|
97 </div>
|
|
|
98 <div class='slide '>
|
|
|
99 <!-- _S9SLIDE_ -->
|
|
|
100 <h1 id="section-2">視覚的分類</h1>
|
|
|
101
|
|
|
102 <ul>
|
|
|
103 <li>レーン方式</li>
|
|
7
|
104 </ul>
|
|
|
105
|
|
|
106 <p><img src="lane.png" width="700px" /></p>
|
|
|
107
|
|
|
108
|
|
|
109 </div>
|
|
|
110 <div class='slide '>
|
|
|
111 <!-- _S9SLIDE_ -->
|
|
|
112 <h1 id="section-3">視覚的分類</h1>
|
|
|
113
|
|
|
114 <ul>
|
|
5
|
115 <li>タッチパネル方式</li>
|
|
|
116 </ul>
|
|
|
117
|
|
7
|
118 <p><img src="touch.png" width="700px" /></p>
|
|
|
119
|
|
5
|
120
|
|
|
121 </div>
|
|
|
122 <div class='slide '>
|
|
|
123 <!-- _S9SLIDE_ -->
|
|
|
124 <h1 id="hypersolidtunes">HyperSolidTunesの概要</h1>
|
|
|
125
|
|
|
126 <ul>
|
|
|
127 <li>UnrealEngine4</li>
|
|
|
128 <li>OculusDK2</li>
|
|
|
129 <li>LeapMotion</li>
|
|
|
130 </ul>
|
|
|
131
|
|
|
132
|
|
|
133 </div>
|
|
|
134 <div class='slide '>
|
|
|
135 <!-- _S9SLIDE_ -->
|
|
|
136 <h1 id="unrealengine4">UnrealEngine4</h1>
|
|
|
137
|
|
|
138 <ul>
|
|
|
139 <li>独自ビジュアルプログラミング言語BluePrints</li>
|
|
|
140 <li>華麗なグラフィック</li>
|
|
|
141 <li>オープンソース</li>
|
|
|
142 </ul>
|
|
|
143
|
|
7
|
144 <p><img src="UE4.png" width="500px" /></p>
|
|
|
145
|
|
5
|
146
|
|
|
147 </div>
|
|
|
148 <div class='slide '>
|
|
|
149 <!-- _S9SLIDE_ -->
|
|
|
150 <h1 id="oculusdk2">OculusDK2</h1>
|
|
|
151
|
|
|
152 <ul>
|
|
|
153 <li>Oculusシリーズの開発者向けHMD</li>
|
|
|
154 <li>コントローラーは付属していない</li>
|
|
|
155 </ul>
|
|
|
156
|
|
|
157
|
|
|
158 </div>
|
|
|
159 <div class='slide '>
|
|
|
160 <!-- _S9SLIDE_ -->
|
|
|
161 <h1 id="leapmotion">LeapMotion</h1>
|
|
|
162
|
|
|
163 <ul>
|
|
|
164 <li>小型ハンドトラッキングシステム</li>
|
|
|
165 <li>HMDに接着して使用する</li>
|
|
|
166 </ul>
|
|
|
167
|
|
|
168
|
|
|
169 </div>
|
|
|
170 <div class='slide '>
|
|
|
171 <!-- _S9SLIDE_ -->
|
|
|
172 <h1 id="blueprints">BluePrints</h1>
|
|
|
173
|
|
|
174 <ul>
|
|
|
175 <li>ノードベースの独自言語</li>
|
|
|
176 <li>イベントの流れをノードの接続で記述する。</li>
|
|
|
177 <li>デバッグが非常に容易</li>
|
|
|
178 <li>コンパイルエラーが非常に起こりにくい</li>
|
|
|
179 </ul>
|
|
|
180
|
|
|
181
|
|
|
182 </div>
|
|
|
183 <div class='slide '>
|
|
|
184 <!-- _S9SLIDE_ -->
|
|
|
185 <h1 id="hypersolidtunes-1">HyperSolidTunesの実装</h1>
|
|
|
186
|
|
|
187 <ul>
|
|
|
188 <li>ターゲット</li>
|
|
|
189 <li>ロングターゲット</li>
|
|
|
190 <li>プレイヤーキャラクター</li>
|
|
|
191 <li>ジェネレーター</li>
|
|
|
192 </ul>
|
|
|
193
|
|
|
194
|
|
|
195 </div>
|
|
|
196 <div class='slide '>
|
|
|
197 <!-- _S9SLIDE_ -->
|
|
7
|
198 <h1 id="hypersolidtunes-2">HyperSolidTunesの入力方法</h1>
|
|
5
|
199
|
|
|
200 <ul>
|
|
|
201 <li>ターゲットに手をかざし、適切なタイミングでアクションを行う</li>
|
|
|
202 </ul>
|
|
|
203
|
|
7
|
204 <p><img src="targetfig.png" width="500px" /></p>
|
|
|
205
|
|
5
|
206
|
|
|
207 </div>
|
|
|
208 <div class='slide '>
|
|
|
209 <!-- _S9SLIDE_ -->
|
|
7
|
210 <h1 id="section-4">ターゲット</h1>
|
|
5
|
211
|
|
|
212 <ul>
|
|
|
213 <li>任意の折れ線状移動経路</li>
|
|
|
214 <li>移動経路区間毎に指定可能な移動速度</li>
|
|
|
215 <li>プレイヤーにダメージを与えられるとタイミングに応じて加点</li>
|
|
|
216 </ul>
|
|
|
217
|
|
7
|
218 <p><img src="target.png" width="300px" /></p>
|
|
|
219
|
|
5
|
220
|
|
|
221 </div>
|
|
|
222 <div class='slide '>
|
|
|
223 <!-- _S9SLIDE_ -->
|
|
7
|
224 <h1 id="section-5">ロングターゲット</h1>
|
|
5
|
225
|
|
|
226 <ul>
|
|
|
227 <li>ターゲット同様の任意な移動経路・速度指定</li>
|
|
|
228 <li>移動軌跡の表示</li>
|
|
|
229 </ul>
|
|
|
230
|
|
7
|
231 <p><img src="targetL.png" width="500px" /></p>
|
|
|
232
|
|
5
|
233
|
|
|
234 </div>
|
|
|
235 <div class='slide '>
|
|
|
236 <!-- _S9SLIDE_ -->
|
|
7
|
237 <h1 id="section-6">プレイヤーキャラクター</h1>
|
|
5
|
238
|
|
|
239 <ul>
|
|
|
240 <li>かざしたターゲットを検出・適切なターゲットにダメージ</li>
|
|
|
241 <li>ロングターゲットに対する点数加算</li>
|
|
|
242 </ul>
|
|
|
243
|
|
7
|
244 <p><img src="player.png" width="500px" /></p>
|
|
|
245
|
|
5
|
246
|
|
|
247 </div>
|
|
|
248 <div class='slide '>
|
|
|
249 <!-- _S9SLIDE_ -->
|
|
7
|
250 <h1 id="section-7">ジェネレーター</h1>
|
|
5
|
251
|
|
|
252 <ul>
|
|
|
253 <li>楽曲と譜面の同期</li>
|
|
|
254 <li>プレイヤー3D空間内移動</li>
|
|
|
255 </ul>
|
|
|
256
|
|
|
257
|
|
|
258 </div>
|
|
|
259 <div class='slide '>
|
|
|
260 <!-- _S9SLIDE_ -->
|
|
7
|
261 <h1 id="section-8">遅延の発生と回避</h1>
|
|
5
|
262
|
|
|
263 <ul>
|
|
|
264 <li>単純なターゲット生成・待機の繰り返しでは膨大な遅延が発生する</li>
|
|
|
265 <li>Sequenceを使用することで遅延を回避した</li>
|
|
|
266 </ul>
|
|
|
267
|
|
|
268
|
|
|
269 </div>
|
|
|
270 <div class='slide '>
|
|
|
271 <!-- _S9SLIDE_ -->
|
|
7
|
272 <h1 id="section-9">改善可能な点</h1>
|
|
5
|
273
|
|
|
274 <ul>
|
|
|
275 <li>Sequence接続形態の改良</li>
|
|
|
276 <li>Sequence構造構築の自動化</li>
|
|
|
277 </ul>
|
|
|
278
|
|
|
279
|
|
|
280 </div>
|
|
|
281 <div class='slide '>
|
|
|
282 <!-- _S9SLIDE_ -->
|
|
7
|
283 <h1 id="section-10">まとめ</h1>
|
|
5
|
284
|
|
|
285 <ul>
|
|
|
286 <li>HyperSolidTunesはフリーハンドでプレイ可能なVR音楽ゲーム</li>
|
|
|
287 <li>フリーハンドなので強い没入感を得ることができる</li>
|
|
|
288 <li>LeapMotionで取得した相対位置を、実際に利用可能なものに変換するのが意外と大変</li>
|
|
|
289 <li>Oculusトラッキング精度は十分</li>
|
|
|
290 <li>UE4のグラフィックは綺麗</li>
|
|
|
291 <li>直感的でない操作方法なので操作説明が大変</li>
|
|
|
292 <li>腕が疲れにくいので連続プレイができる</li>
|
|
|
293 </ul>
|
|
|
294 <!-- === end markdown block === -->
|
|
|
295 </div>
|
|
|
296
|
|
|
297
|
|
|
298 </div><!-- presentation -->
|
|
|
299 </body>
|
|
|
300 </html>
|
