追加された行はこの色です。
削除された行はこの色です。
&youtube(https://www.youtube.com/watch?v=90o2MBes2pc)
[[https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn]]
[[00:00>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m00s]] オープニング
[[00:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m32s]] 1.Camera Actorの配置[[↓>#002]]
[[01:27>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m27s]] 2.Static Camera Actorの作成[[↓>#003]]
[[01:55>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m55s]] 3.Trigger Actorの作成[[↓>#004]]
[[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]] 3-1.Trigger Actorの設定[[↓>#005]]
[[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]] 3-2.On Component Begin OverLap[[↓>#006]]
[[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]] 3-3.On Component End OverLap[[↓>#007]]
[[05:14>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=05m14s]] 4.Trigger Actorの配置[[↓>#008]]
[[06:23>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m23s]] 5.ボス演出動画[[↓>#009]]
[[06:43>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m43s]] 設定ファイル[[↓>#010]]
[[06:50>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m50s]] エンディング
[[06:53>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m53s]] ボス登場シーンを演出するメリット！[[↓>#012]]
*1.Camera Actorの配置 [[00:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m32s]]&aname(002)
アクタを配置パネルで「Camera」を検索します。
Camera Actorをレベル上にドラッグアンドドロップします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/SIvqTI8gFE.jpg,400)
または、
ビューポートを右クリック ＞ アクタを配置 ＞ Camera Actorで配置できます。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/fEDUlkS9IO.jpg,400)
レベルにカメラを配置すると、ピクチャーインピクチャーウィンドウがビューポートに追加されます。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/0O247W_TrB.jpg,400)
ウィンドウの上部中央にカメラの名前が表示されます。
ウィンドウの左隅下にウィンドウをピン付けするアイコンが表示されます。
ウィンドウの下部中央に画角が表示されます。
CameraActorを選択します。
右クリック ＞ Camera Actorのパイロットを選択します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/jjomN6m3hf.jpg,400)
そうすると、ビューポート内を移動できるようになります。
カメラのロックを解除するには、[ロック解除] ボタンをクリックします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/w7L6WD1Xoe.jpg,400)
ロックを解除すると、カメラは移動した場所に配置されたまま残ります。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/yTQcfhzTsZ.jpg,400)
*2.Static Camera Actorの作成 [[01:27>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m27s]]&aname(003)
右クリック＞ブループリントクラス＞すべてのクラスを展開します。
CameraActorを検索します。
CameraActorを選択します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/TNKDHx5Z5m.jpg,400)
名前を「BP_BlendCameraActor」にします。
BP_BlendCameraActorをレベル上にドラッグアンドドロップします。
配置する場所を調整します。
*3.Trigger Actorの作成 [[01:55>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m55s]]&aname(004)
Trigger Actorを使って、PlayerのCameraとStatic Camera Actorの間で視点を移動します。
Trigger Actorにオーバーラップすると、視点間の移行が発生します。
右クリック＞ブループリントクラス＞Actor
名前を「BP_BlendTriggerVolume」にします。
ファイルを開きます。
**3-1.Trigger Actorの設定 [[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]]&aname(005)
コンポーネントパネルの「+追加」より
[Box Collision] を追加します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/NSKLH2Db4H.jpg,400)
名前を「OverlapVolume」にします。
**3-2.On Component Begin OverLap [[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]]&aname(006)
Trigger Actorに入ったときの処理を記載します。
『キャラクターのCamera → Static Camera』
右クリック ＞ イベントを追加より
On Component Begin OverLapをイベントグラフに追加します。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/uF7kUaAj0Q.jpg,400)
オーバーラップするアクターは、ThirdPersonCharacterなので、
Other ActorピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
右クリックして純粋キャストに変換します。
Get Player Controllerノードを配置します。
Get Player ControllerノードよりSet View Target with Blendノードを配置します。
On Component Begin OverLapノードにつなぎます。
Set View Target with Blendノードは、Targetの視界をブレンドしながら別の視界へ移行します。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/4CepX9174j.jpg,400)
New View Targetピンを右クリックして変数へ昇格します。
名前を「CameraActor」にします。
型をCamera Actorのオブジェクト参照にします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/g3Uh8MDs0B.jpg,400)
後から調整できるように、インスタンス編集可能を有効にします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/nvPyooudNI.jpg,400)
Targetピンにつなげたアクターのカメラから
New View Targetピンにつなげたアクターのカメラに視界が移行します。
BlendTimeピンを右クリックして変数へ昇格します。
BlendTimeピンは移行にかかる時間です。
コンパイルします。
デフォルト値を「1.0」にします。
後から調整できるように、インスタンス編集可能を有効にします。
Blend Funcピンを右クリックして変数へ昇格します。
Blend Funcピンは、カメラが移行する時の推移の仕方です。
シンプルな移行や加速しながらの移行などがあります。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/UrTMwbmz5H.jpg,400)
後から調整できるように、インスタンス編集可能を有効にします。
Blend Expピンを右クリックして変数へ昇格します。
Blend Expピンはカーブ形状の時の指数ですね。
後から調整できるように、インスタンス編集可能を有効にします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/QT4iqaLKTE.png,400)
**3-3.On Component End OverLap [[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]]&aname(007)
Trigger Actorから出たときの処理を記載します。
『Static Camera → キャラクターのCamera』
右クリック＞イベントを追加より
On Component End OverLapをイベントグラフに追加します。
On Component Begin OverLapとほとんど同じなので複製します。
Other ActorピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
New View Targetピンにつながっている変数CameraActorを削除します。
New View TargetピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
コンパイルして保存します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/Q9MrxD_lZ7.png,400)
*3-1.Trigger Actorの設定 [[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]]&aname(005)
*3-2.On Component Begin OverLap [[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]]&aname(006)
*3-3.On Component End OverLap [[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]]&aname(007)
*4.Trigger Actorの配置 [[05:14>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=05m14s]]&aname(008)
Trigger Actorをレベル上の隣の部屋に配置します。
部屋全体を覆います。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/6LRjTPDdrC.jpg,400)
詳細パネル＞デフォルト＞ CameraActorでカメラを選択します。
メニューより、BP_BlendTriggerVolumeを選択します。
または、スポイトをクリックして、ビューポートでカメラをクリックします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/mG5jmkYKOk.jpg,400)
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/YxKGwfzxWm.jpg,400)
起動してみましょう。
カメラ切替の推移がスムーズですね。
キャラクターを動かしてみると上下左右がずれますね。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/YnApXLw6Jf.jpg,400)
停止した状態か、Move Toで自動で動かすとかで使うといいかもですね。
*5.ボス演出動画 [[06:23>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m23s]]&aname(009)
*設定ファイル [[06:43>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m43s]]&aname(010)
**On Component Begin OverLap
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/GeGhFw5EWf.png,400)
**On Component End OverLap
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/Q9MrxD_lZ7.png,400)
*ボス登場シーンを演出するメリット！ [[06:53>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m53s]]&aname(012)
[[https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn]]
[[00:00>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m00s]] オープニング
[[00:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m32s]] 1.Camera Actorの配置[[↓>#002]]
[[01:27>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m27s]] 2.Static Camera Actorの作成[[↓>#003]]
[[01:55>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m55s]] 3.Trigger Actorの作成[[↓>#004]]
[[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]] 3-1.Trigger Actorの設定[[↓>#005]]
[[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]] 3-2.On Component Begin OverLap[[↓>#006]]
[[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]] 3-3.On Component End OverLap[[↓>#007]]
[[05:14>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=05m14s]] 4.Trigger Actorの配置[[↓>#008]]
[[06:23>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m23s]] 5.ボス演出動画[[↓>#009]]
[[06:43>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m43s]] 設定ファイル[[↓>#010]]
[[06:50>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m50s]] エンディング
[[06:53>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m53s]] ボス登場シーンを演出するメリット！[[↓>#012]]
*1.Camera Actorの配置 [[00:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=00m32s]]&aname(002)
アクタを配置パネルで「Camera」を検索します。
Camera Actorをレベル上にドラッグアンドドロップします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/SIvqTI8gFE.jpg,400)
または、
ビューポートを右クリック ＞ アクタを配置 ＞ Camera Actorで配置できます。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/fEDUlkS9IO.jpg,400)
レベルにカメラを配置すると、ピクチャーインピクチャーウィンドウがビューポートに追加されます。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/0O247W_TrB.jpg,400)
ウィンドウの上部中央にカメラの名前が表示されます。
ウィンドウの左隅下にウィンドウをピン付けするアイコンが表示されます。
ウィンドウの下部中央に画角が表示されます。
CameraActorを選択します。
右クリック ＞ Camera Actorのパイロットを選択します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/jjomN6m3hf.jpg,400)
そうすると、ビューポート内を移動できるようになります。
カメラのロックを解除するには、[ロック解除] ボタンをクリックします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/w7L6WD1Xoe.jpg,400)
ロックを解除すると、カメラは移動した場所に配置されたまま残ります。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/yTQcfhzTsZ.jpg,400)
*2.Static Camera Actorの作成 [[01:27>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m27s]]&aname(003)
右クリック＞ブループリントクラス＞すべてのクラスを展開します。
CameraActorを検索します。
CameraActorを選択します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/TNKDHx5Z5m.jpg,400)
名前を「BP_BlendCameraActor」にします。
BP_BlendCameraActorをレベル上にドラッグアンドドロップします。
配置する場所を調整します。
*3.Trigger Actorの作成 [[01:55>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=01m55s]]&aname(004)
Trigger Actorを使って、PlayerのCameraとStatic Camera Actorの間で視点を移動します。
Trigger Actorにオーバーラップすると、視点間の移行が発生します。
右クリック＞ブループリントクラス＞Actor
名前を「BP_BlendTriggerVolume」にします。
ファイルを開きます。
**3-1.Trigger Actorの設定 [[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]]&aname(005)
コンポーネントパネルの「+追加」より
[Box Collision] を追加します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/NSKLH2Db4H.jpg,400)
名前を「OverlapVolume」にします。
**3-2.On Component Begin OverLap [[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]]&aname(006)
Trigger Actorに入ったときの処理を記載します。
『キャラクターのCamera → Static Camera』
右クリック ＞ イベントを追加より
On Component Begin OverLapをイベントグラフに追加します。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/uF7kUaAj0Q.jpg,400)
オーバーラップするアクターは、ThirdPersonCharacterなので、
Other ActorピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
右クリックして純粋キャストに変換します。
Get Player Controllerノードを配置します。
Get Player ControllerノードよりSet View Target with Blendノードを配置します。
On Component Begin OverLapノードにつなぎます。
Set View Target with Blendノードは、Targetの視界をブレンドしながら別の視界へ移行します。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/4CepX9174j.jpg,400)
New View Targetピンを右クリックして変数へ昇格します。
名前を「CameraActor」にします。
型をCamera Actorのオブジェクト参照にします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/g3Uh8MDs0B.jpg,400)
後から調整できるように、インスタンス編集可能を有効にします。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/nvPyooudNI.jpg,400)
Targetピンにつなげたアクターのカメラから
New View Targetピンにつなげたアクターのカメラに視界が移行します。
BlendTimeピンを右クリックして変数へ昇格します。
BlendTimeピンは移行にかかる時間です。
コンパイルします。
デフォルト値を「1.0」にします。
後から調整できるように、インスタンス編集可能を有効にします。
Blend Funcピンを右クリックして変数へ昇格します。
Blend Funcピンは、カメラが移行する時の推移の仕方です。
シンプルな移行や加速しながらの移行などがあります。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/UrTMwbmz5H.jpg,400)
後から調整できるように、インスタンス編集可能を有効にします。
Blend Expピンを右クリックして変数へ昇格します。
Blend Expピンはカーブ形状の時の指数ですね。
後から調整できるように、インスタンス編集可能を有効にします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/QT4iqaLKTE.png,400)
**3-3.On Component End OverLap [[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]]&aname(007)
Trigger Actorから出たときの処理を記載します。
『Static Camera → キャラクターのCamera』
右クリック＞イベントを追加より
On Component End OverLapをイベントグラフに追加します。
On Component Begin OverLapとほとんど同じなので複製します。
Other ActorピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
New View Targetピンにつながっている変数CameraActorを削除します。
New View TargetピンにCast To BP_ThirdPersonCharacterノードをつなぎます。
コンパイルして保存します。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/Q9MrxD_lZ7.png,400)
*3-1.Trigger Actorの設定 [[02:19>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m19s]]&aname(005)
*3-2.On Component Begin OverLap [[02:32>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=02m32s]]&aname(006)
*3-3.On Component End OverLap [[04:25>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=04m25s]]&aname(007)
*4.Trigger Actorの配置 [[05:14>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=05m14s]]&aname(008)
Trigger Actorをレベル上の隣の部屋に配置します。
部屋全体を覆います。
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/6LRjTPDdrC.jpg,400)
詳細パネル＞デフォルト＞ CameraActorでカメラを選択します。
メニューより、BP_BlendTriggerVolumeを選択します。
または、スポイトをクリックして、ビューポートでカメラをクリックします。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/mG5jmkYKOk.jpg,400)
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/YxKGwfzxWm.jpg,400)
起動してみましょう。
カメラ切替の推移がスムーズですね。
キャラクターを動かしてみると上下左右がずれますね。
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/YnApXLw6Jf.jpg,400)
停止した状態か、Move Toで自動で動かすとかで使うといいかもですね。
*5.ボス演出動画 [[06:23>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m23s]]&aname(009)
*設定ファイル [[06:43>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m43s]]&aname(010)
**On Component Begin OverLap
&ref(https://image01.seesaawiki.jp/s/o/seasidejetcity-memo/GeGhFw5EWf.png,400)
**On Component End OverLap
&ref(https://image02.seesaawiki.jp/s/o/seasidejetcity-memo/Q9MrxD_lZ7.png,400)
*ボス登場シーンを演出するメリット！ [[06:53>>https://youtu.be/90o2MBes2pc?si=TRjntcU0TWgKYcdn&t=06m53s]]&aname(012)