VR道場 Unity × Oculus Touch

フォージジョン株式会社

http://www.forgevision.com/

2016.11.28 VR道場 Unity × Oculus Touch（第二回）

Yuki Kobayashi

株式会社ハシラス

https://www.wantedly.com/companies/hashilus

ハンズオン概要

基礎：Unity超基礎

実践：VRでユニティちゃんを触ってみよう

応用：アレンジしてみよう

アジェンダ 1

ハンズオン概要

2

自己紹介

小林 優希Y u k i K o b a y a s h i

所属: フォージジョン株式会社 VRエンジニア

経歴: VRエンジニア。フォージビジョン株式会社にてVRコンテンツの開発に携わる。株式会社ハシラス創業メンバー（執行役員）。個人製作のVRコンテンツにてJapanVR Fest（旧OcuFes）に参加。

初音ミクさんのVRコンテンツをきっかけにVRに興味を持つ。学生時代から趣味でのVR開発を始め、現在にいたる。

nyanko_omori

Yuki Kobayashi

株式会社ハシラス 創業メンバー（執行役員）

Sweet Coaster

G - T u n e × A M D O c u F e s 2 0 1 5 夏 2 0 1 5 / 8 / 2 4 （ 出 展 ）O c u l u s R i f t D K 2 / U n i t y

「 可 愛 い ジ ェ ッ ト コ ー ス タ ー 」 が テ ー マ の V R コ ン テ ン ツ で す 。お 菓 子 だ ら け の 世 界 で テ ィ ー カ ッ プ の ジ ェ ッ ト コ ー ス タ ー に 乗 り ま す 。h t t p s : / / y o u t u . b e / C g L d Q y z y J q 4 （ 限 定 公 開 ）

ちびミクさんとあそぼ！

O c u F e s F i n a l 2 0 1 6 / 2 / 2 0 , 2 1 （ 出 展 ）O c u l u s R i f t D K 2 / L e a p M o t i o n / U n i t y

バ レ ン タ イ ン ラ イ ブ が 終 わ っ た 後 の ミ ク さ ん に プ レ ゼ ン ト を 渡 し に 行 き ま す 。特 に ク リ ア 目 標 な ど は な く 、 た だ ミ ク さ ん と い ち ゃ い ち ゃ し た い と 思 い作 り ま し た 。h t t p s : / / y o u t u . b e / x O A x 2 3 O j W s 0 （ 限 定 公 開 / T w i t t e r 固 定 ツ イ ー ト ）

自己紹介 出展した個人製作物 4

• ゲームエンジンUni tyとOculus R i f t/Touchを使用して、「ユニティちゃんに触れる」簡単なVR体験を制作する。

• 制作中はプログラミングを一切行わない。

• 対象者：今までUni tyを触ったことのない人

ハンズオン概要 / タイムスケジュール 5

ハンズオン概要

19:00-19:20 はじめに/基礎：Uni ty超基礎19:20-20:20 実践：VRでユニティちゃんを触ってみよう20:20-20:30 休憩/質問など20:30-21:00 応用：アレンジしてみよう

タイムスケジュール

• Ri f tOculus VR 社の販売するVR用のHMD（ヘッドマウントディスプレイ）

• Touch同社によるRi f t専用コントローラー（未発売）

ハンズオン概要 / Oculus Rift/Touch 6

Oculus Rift/Touch

※動作には、ある程度以上のスペックのVR対応PCが必要→店頭やVRメディアで確認を

Uni ty Technolog ies Japan 社が提供する開発者のためのオリジナルキャラクター

ハンズオン概要 / ユニティちゃん 7

ユニティちゃん

• 「ユニティちゃん」を使った二次創作におけるライセンス

• クリエイターができること/できないことが定められている

※このハンズオンでの制作物はユニティちゃんライセンス条項の元に提供されています

ユニティちゃんライセンス

ハンズオン概要 / Hop Step Sing! 8

Hop Step Sing!

• VRアイドルプロジェクト• デビュー曲『キセキ的Shin ing!』の

ショート版をYouTubeで公開中• Andro id/ iOSアプリ リリース

• 3Dモデルデータ（公式サイトでは「coming soon」）を使用

※このハンズオンでの制作物はHop Step S ing!キャラクターライセンス条項の元に提供されています

hopstepsing

基礎：Unity超基礎

9

※今回はあらかじめインストールしたものを使用

Unityの入手 10

Unityの入手

Unityプロジェクトを開く 11

Unityプロジェクトを開く

Unityエディタの見方（紙資料配布） 12

①Sceneビュー

④Projectビュー

③Hierarchyビュー②Game

ビュー

⑤ Inspectorビュー

⑥再生/一時停止

①Sceneビュー ：オブジェクトの配置や調整などを行う

②Gameビュー ：ゲームのプレビュー

③Hierarchyビュー：現在のシーンにあるオブジェクトの一覧

④Projectビュー ：プロジェクトにインポートされた

アセット（素材）の一覧

⑤ Inspectorビュー：選択中のオブジェクトの詳細

⑥再生/一時停止 ：ゲームを再生（再生中の変更は

消えてしまうので注意）

Unityエディタの見方（紙資料配布） 13

Unityエディタの見方

※他にも多くの機能があります

Sceneビューの操作• 視点移動 ：Qキー → ドラッグ• 視点回転 ：Al tキー + ドラッグ• ズームアップ・ダウン ：マウスホイール• フォーカス ：Hierarchyビューでフォーカスしたい

オブジェクトをダブルクリック

Sceneビューでのオブジェクトの操作（オブジェクトを選択後）• 移動：Wキー → 各軸の矢印をドラッグ• 回転：Eキー → 各軸の矢印をドラッグ• 縮尺：Rキー → 各軸の矢印をドラッグ

Unityエディタの操作方法（紙資料配布） 14

Unityエディタの操作方法（一部ショートカット）

1. Edit > Project Settings>Player設定確認

2. レイアウトの確認3. Oculus Rift の被り方4. Oculus Touch の持ち方

事前準備 15

事前準備

実践：VRでユニティちゃんを触ってみよう

15

• 「ユニティちゃんの頭をなでる」VR体験

実際に作ってみよう 16

実際に作ってみよう

1. ユニティちゃんを 表示する

2. ユニティちゃんに 動きをつける

3. ユニティちゃんと 目が合う

4. ユニティちゃんに 触れる①（Player側の設定）

5. ユニティちゃんに 触れる②（ユニティちゃん側の設定）

1. 「Tuscany」シーンを開き、VRの世界を覗いてみる2. 自分の手を確認する（Touch動作確認）3. ユニティちゃんを表示する（まだ棒立ちです）4. ユニティちゃんの位置を調整するposi t ion(1 .5 , 0 , 7)

Step1. ユニティちゃんを表示する 17

Step1. ユニティちゃんを表示する

1. AnimatorContro l lerを設定する

Step2. ユニティちゃんに動きをつける 18

Step2. ユニティちゃんに動きをつける

1. IKLookAtコンポーネントのLookAtObjにCenterEyeAnchorを設定

Step3. ユニティちゃんと目が合う 19

Step3. ユニティちゃんと目が合う

（まだユニティちゃんをなでても何も起こらない）1. RightHandPf と LeftHandPf に

UnitychanTouchプレハブをドラッグアンドドロップ

Step4. ユニティちゃんに触れる①（Player側の設定） 20

Step4. ユニティちゃんに触れる①（Player側の設定）

1. ユニティちゃんの頭（Character1_Head）のTagを「head」にする

完成したものを体験してみよう

Step5. ユニティちゃんに触れる②（ユニティちゃん側の設定） 21

Step5. ユニティちゃんに触れる②（ユニティちゃん側の設定）

応用：アレンジしてみよう

22

どんなアレンジができるの？ 23

どんなアレンジができるの？

• モデルの変更

どんなアレンジができるの？ 24

どんなアレンジができるの？

• モーションの変更 1. AnimatorContro l lerにアニメーションクリップを設定

2. アニメーションクリップ名を入力

モデルと付属のモーション（各5つ）1～4のキーでモーション変更

Hop Step Sing! 25

Hop Step Sing!

ありがとうございました

Y u k i K o b a y a s h i

2016.11.28 VR道場 Unity × Oculus Touch（第二回）