UE4の Pixel2D買ってみたよ (Part5.1)　キャラクターの動きPart1/2


というわけでとりあえず何も考えずにまずはチュートリアルをなぞっていく。
ほかの脱線すると結局進まなくなっちゃうのよね。

ということで


Creating 2D games with Unreal Engine using Pixel 2D - Part 5.1 - Character Setup

https://www.youtube.com/watch?v=gueLb78HC5c

#今回やること！
ジャンプ攻撃作るよ


#キャラクター用にパラパラアニメーションを準備するよ。

```
素材はいつも通りここら辺の
C:\Program Files\Epic Games\UE_4.26\Engine\Plugins\Marketplace\Pixel2D\TemplateProjects\Source Files.zip
Source Files\Source Files\Character
```
この3ファイルを利用
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/058aaaef-8d74-c25d-c97c-20fd1e444eaa.png)

取り込んだらそのファイルを右クリックして
1.Paper2Dテクスチャを設定を適用
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/f3a0ee2d-e2b6-d41e-4858-84e49efe32b9.png)

2.スプライトを抽出
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/6ed85596-5366-a97f-d016-32dbccf96000.png)

3.113*73で切り出すで
![2021-07-03_00h42_35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/5c33cba0-f1d9-1fef-9f44-24fb19c996cc.png)

4.FliｐBookでアニメーションを作成
![2021-07-03_00h53_44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/f2b14994-efa2-5aa8-22a1-bc37ed608810.png)

で必要なパターンを全部作りましょう。

#実はもうすでに準備済みだ(06:30)

ただ今回はサンプルということなので
アニメーション設定したのがここにいます！
※フォルダの色はわかりにくいので右クリックで赤に変えました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/716966f7-d0b5-51ba-2b79-ed603f4ef856.png)

素材の準備完了

#キャラクターを作るよ(07:05)

![2021-07-03_01h14_25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/ae06ccf3-b3ba-5a77-7ad2-f9581b2e0373.png)

![2021-07-03_01h10_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/7480c88c-9297-a594-3483-44689a14a359.png)

適当に名前つけて
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/6b7508fb-3a98-8e64-565e-a7b35beddad5.png)

↓とはいえこれ何してるかはよくわからない
![2021-07-03_01h22_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/4c614ef8-8353-637c-7b13-4da3f12c7cbf.png)

このまま再生しても変な感じになるので
![2021-07-03_01h26_42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/7cb84876-37f9-2c4d-eaf8-d16f6ccc4570.png)

14：17

![2021-07-03_01h31_26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/5d0884fd-a585-0e10-b486-b654b6a5b8b8.png)

![2021-07-03_01h32_40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/05427caf-a750-a2c9-bbaf-8af1eea1f842.png)

14:45
・カプセルサイズを調整して
・画像を動かす
![2021-07-03_23h18_48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/503945df-992c-b2ea-2c62-bb42cbfa1bf3.png)

ずれているから
![2021-07-03_23h20_45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/32ed2b8e-3279-f527-a07a-3c6bfd81c2d8.png)

いい感じに合わせる。
![2021-07-03_23h21_22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/59b00212-68d4-2da3-9007-cec1a560a2d7.png)

でコンパイル
![2021-07-03_23h41_24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/448c192f-6ed1-7480-d378-5dfdf31a927f.png)
![2021-07-03_23h41_33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/7f40f070-496b-7da5-2d1b-6bba9c25b69a.png)

#カメラを設定~カメラをキャラクターにくっつける）(15:50~)

17：10
![2021-07-04_00h37_34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/7b563655-dee2-520b-c71f-d76656bff29a.png)

![2021-07-04_00h41_20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/16648eab-3148-cc02-2ff5-5e4d40504929.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/a77aa4a5-2906-3717-8db8-7cbd52c440f0.png)

![2021-07-04_00h49_51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/75f153b7-6ee1-0454-b16d-1fb5d106de21.png)

#カメラの設定をゲーム画面に伝えよう(18:53~)

イベントグラフを選んで（BluePrint）
![2021-07-04_00h53_38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/39cd37ef-22c9-b3e7-7885-48198c21efe9.png)

ノードを追加
![2021-07-04_00h57_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/ec62ef4b-aa27-427f-7503-e762af9b6b7a.png)

んで右クリックとCamerahaD6Dを利用して以下の図のように設定
![2021-07-04_01h01_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/57ad3de4-573f-e50d-f018-8d240784c8d0.png)

再生するとそれっぽく表示された！
![2021-07-04_01h18_09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/a50e73a1-ff76-69a3-9b1c-c2b46e8e6691.png)

#動きを作ろう(26:00)
![2021-07-04_01h20_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/417b7b08-78d1-449e-b626-a6d3c2ced070.png)

後はこんな感じにBPを追加すると
![2021-07-04_01h34_38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/270619/829783b4-5bce-23b6-4e86-5c929419a5af.png)

キーボードとかPADで（AD)　動いた。

このパート終了！