この記事ではUnityのPlaymakerを使用してStylyのVR空間でスローモーションを作る方法を紹介します。 マウスのボタンとHTC Viveのコントローラでの操作になります。
![Slowmotion_fin - STYLY 完成データのプレー動画](https://styly.cc/wp-content/uploads/2018/09/Slowmotion_fin.gif)
完成データのプレー動画
完成のイメージはこのようになります。 トリガーを押しているときだけ時間がスローモーションになります。
サンプル
STYLY GALLERYからサンプル空間を体験できます。
記事で紹介しているUnityプロジェクトのダウンロードはこちらからできます。 Slowmotion_Sample プロジェクトデータには各種プラグインは入っていませんので使用する際はご自身でインストールしてからご利用ください。 Playmaker SteamVR Plugin
PlaymakerとSteam VR Plugin
アセットストアからそれぞれダウンロードしてUnityで使用できる状態にします。
![SM_01 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_01.jpg)
アセットストアにあるPlaymaker
Playmakerは有料アセットです。 Playmaker
![SM_03 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_03.jpg)
Steam VR プラグイン
Steam VRは無料で使用できます。 SteamVR Plugin
Bulletの作成
スローモーションを感じるための動くアセットとして弾丸を作ります。
![SM_04 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_04.jpg)
弾となるSphere
Sphereの名前を”Bullet”としてスケールをそれぞれ0.1にしました。 Bulletを選んだ状態でPlaymaker Editorを開きます。
![SM_05 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_05.jpg)
FSMの追加
右クリックから”Add FSM”を選びます。
![SM_07 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_07.jpg)
FSMの名前を変更
新しくStateが作られました。 FSMの名前をBulletspeedに変更しました。 続いてBulletへのActionを追加していきます
![SM_09 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_09.jpg)
Actionを追加
Action Browserをクリックします。
![SM_10 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_10.jpg)
Action Browserから選択
BrowserからTransformのTranslateを選択してAdd Action To Stateをクリックします。 これでActionが追加されました。 弾丸のスピードを設定します。
![SM_11 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_11.jpg)
Translateの設定
ここではZに7を設定しました。
![SM_12 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_12.jpg)
Prefabにする
これをPrefabにします。
弾丸が出る場所を作る
Bulletspawnという名前のCubeを作りMesh Rendererのチェックを外します。
![SM_13 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_13.jpg)
Bulletspawnの設定
BulletspwanにもPlaymakerでFSMを作成します。
![SM_14 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_14.jpg)
BulletspawnのAction Browser
Add ActionからFind Game Objectを追加します。
![SM_15 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_15.jpg)
MainCameraをFind
With TagからMainCameraを選択してMainCameraのタグを持ったオブジェクトをFindします。
![SM_16 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_16.jpg)
新規に変数を作る
New Variableから新規の変数を作りそこに格納します。
![SM_17 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_17.jpg)
変数を作って格納
ここではmainCameraという変数名にしました。 Add Stateをして新たにStateを作ります。
![SM_19 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_19.jpg)
State2ができた
TransformからLook Atを追加します。
![SM_20 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_20.jpg)
Look Atを追加
![SM_21 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_21.jpg)
Target Objectを選ぶ
![SM_22 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_22.jpg)
TargetをmainCameraに
Look Atのターゲットを先ほど作ったMainCameraにしてKeep Verticalのチェックを外します。 State1のTransitionをFINISHEDにします。
![SM_23 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_23.jpg)
TransitionをFINISHEDに
そこからState2につないでいきます。
![SM_24 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_24.jpg)
State2につなぐ
次にState3を作り、Create ObjectのActionを追加します。
![SM_25 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_25.jpg)
Create ObjectのActionを追加
Createするオブジェクトを指定します。
![SM_26 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_26.jpg)
BulletとBulletspawnの追加
Game Objectには”Bullet”をSpawn Pointには”Bulletspawn”を指定します。
![SM_27 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_27.jpg)
Send EventからFINISHED
Send EventのActionを追加してTransitionをFINISHEDにします。 State2からState3につなぎます。
![SM_28 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_28.jpg)
State3につなぐ
繰り返しになるようにState3からState2にもつなぎます。
![SM_29 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_29.jpg)
State3からState2につなぐ
1秒ごとに発射されるようにWaitを追加します。
![SM_30 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_30.jpg)
Waitの追加
時間は1秒にしました。 Finish EventはFINISHEDにします。 このままだと弾丸がずっと飛び続けてしまうので適当なところでDestroyします。
![SM_31 - STYLY](https://styly.cc/wp-content/uploads/2018/09/SM_31.jpg)
DestroyとDelayの時間
Destroy ObjectでBulletを指定してDelayする時間を4秒にしました。 この記事ではUnityのPlaymakerを使って弾丸を自動生成する方法を紹介しました。 次の記事ではこの弾丸の動きをスローモーションにする方法を紹介します。 続き
UnityからSTYLYにアセットをアップロードする方法