[Unity2D対戦ゲーム]　攻撃モーション/非ダメ/当たり判定の実装方法 #1　(一から作るチュートリアル)　Mac版

#初めにUnityHubから新規プロジェクトを作る
まずは、プロジェクトの右上から新規作成をクリックします
<img width="975" alt="スクリーンショット 2020-01-24 23.26.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/494dcd11-3dfa-a1f5-5cb0-651013780653.png">

次にこの画面が出てきます。
<img width="847" alt="スクリーンショット 2020-01-24 23.32.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/2dd80d2a-3b91-f729-1c30-161aa8676908.png">

この時にテンプレートを[2D]をクリックして設定をして、プロジェクト名を変更します(好きなプロジェクト名で大丈夫)　変更をしたら作成ボタンをクリックします。(2Dは2D、3Dは3Dのゲーム開発に合わせて設定する事)
<img width="851" alt="スクリーンショット 2020-01-24 23.43.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/98602f26-9849-f4f6-014a-9f589230258d.png">

プロジェクトを開くと、このようになります。もし、このUnity Editor Update Checkが出たら、バツボタンをクリックして消してください。
<img width="1432" alt="スクリーンショット 2020-01-24 23.52.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/6afb7351-7d18-44ec-ad1c-7302eaf04d51.png">

消したらようやくプロジェクトを新規作成ができましたね。
<img width="1428" alt="スクリーンショット 2020-01-24 23.59.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/1ee5ecdb-2a64-3a01-3975-4e8f75407547.png">

#Asset Storeから動かすキャラクターなどをインポートする
ステージ作成をするのとキャラクターの配置をしていきたいので、真ん中にある[Asset Store]をクリックしてください。クリックしたらこのような画面になります。
<img width="1428" alt="スクリーンショット 2020-01-25 0.26.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/1b8ef106-5f21-f2ca-67c2-991a389212ca.png">

検索で今回は「bandit」というAssetを使います。(FREEは無料のAssetです)これをクリックします。
<img width="1427" alt="スクリーンショット 2020-01-25 0.36.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/eaf48adb-90a2-afd2-c8d7-027ca8faf684.png">

次に、このダウンロードボタンをクリックしてください。
<img width="1426" alt="スクリーンショット 2020-01-25 0.44.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/c87dd532-946d-3338-241b-e501c1fb9240.png">

ダウンロードが終わればインポートのボタンに切り替わります。
<img width="1424" alt="スクリーンショット 2020-01-25 0.49.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/3b723da1-e63a-f13d-45be-fdc62c957379.png">

インポートをクリックしたら、また画面がこのように出て、矢印も全部付いていると思うので、そのままインポートをクリックしてください。
<img width="1410" alt="スクリーンショット 2020-01-25 0.51.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/a3d18200-1672-210e-28f2-7f144a92873a.png">

これで、入れる事ができました。
<img width="1408" alt="スクリーンショット 2020-01-25 1.03.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d540724d-9331-d959-db39-1c73c07471e5.png">

Asset Storeは使わないので、マウスの右クリックのメニューから[Close Tab]で、一旦閉じましょう。
<img width="1420" alt="スクリーンショット 2020-01-25 1.18.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/ce3d5657-704f-ef56-0601-20cfce97a273.png">

閉じたら、このようになります。
<img width="1424" alt="スクリーンショット 2020-01-25 1.20.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/3acf0ba7-f115-e0bd-d2bf-0b6d3e31cdfc.png">

無事にAsset Storeの作業は終わりました。

###Asste Storeからインポートした[Asste]のDemoについて(初めて使う人は、大事な事)
[Asste]のDemoでキャラクターなどの動きなどが確認できる。（Demoが無いとAsste Storeに出せないルールがある）

左下のプロジェクトビューのAsstesの[Bandit-Pixel Art]を押したら、真ん中にDemoのファイルが出るので、クリックします。
<img width="1414" alt="スクリーンショット 2020-01-25 1.33.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d841948f-a54e-b159-a0bb-5eeccb71a409.png">

Demoをクリックしたら、この画面になります。
<img width="1423" alt="スクリーンショット 2020-01-25 1.33.24.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/76cd686d-ae34-8613-7851-d2e5fc30aa63.png">

Demoのシーンを開くとこのようにキャラクターを確認できます。
<img width="1404" alt="スクリーンショット 2020-01-25 1.35.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/56dd70d9-49d3-aeeb-7674-3700e77eb753.png">

スペースキーなどを押して、動きを確認する事ができます。
<img width="1402" alt="スクリーンショット 2020-01-25 1.36.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/de9510cf-f0fc-873d-4d58-39d0e6bc51c5.png">

確認ができたら、再生を止めて左下のAssetsのところにある[Scenes]をクリックします。
<img width="1416" alt="スクリーンショット 2020-01-25 2.36.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/8df0851a-5801-0a49-c7b2-76d7e38614a4.png">

次に、この画面になるので、SampleSceneをクリックします。
<img width="1409" alt="スクリーンショット 2020-01-25 2.43.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/2c53a103-808f-4b0c-71c9-c6cc2d3b2d9b.png">

クリックしたらこのようになります。
<img width="1415" alt="スクリーンショット 2020-01-25 2.43.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/ac37cfdd-1b54-997e-2aa5-d0a699d53712.png">

画面の一番下にある黄色の警告文は、気になると思うので消しときましょう。消すのには、オレンジに囲っている左下のConsoleをクリックします。
<img width="1415" alt="スクリーンショット 2020-01-25 2.43.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/35e54123-e69d-d771-7b0f-da8b6cd37a86.png">

次にこのような画面になるので、左にある[Clear]をクリックします。
<img width="1347" alt="スクリーンショット 2020-01-25 2.54.47.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/82cb08e1-7680-eb3c-1637-ce0efa6ca0b2.png">

クリックをしたら無事に消えました。
<img width="1396" alt="スクリーンショット 2020-01-25 2.55.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/03ad2f70-86e7-2de1-78b2-5409d3ecff23.png">

黄色の警告文は[Clear]をすると消えるのですが、赤色のびっくりマークは、エラーなので、ちゃんと解決しないと消えないので、それはまた違うところで説明します。[Console]の隣の[Project]をクリックして戻しましょう。
<img width="1396" alt="スクリーンショット 2020-01-25 2.55.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/cdc12840-5ecf-7e34-d908-ae7e787fbc88.png">

<img width="1417" alt="スクリーンショット 2020-01-25 3.15.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/11da39e3-ed92-a2eb-25c0-f199909ee624.png">


#ステージ作成
左下のAssetsの[Bandit- Pixel Art]をクリックします。
<img width="1324" alt="スクリーンショット 2020-01-25 3.25.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/0d7ec5ca-a020-db03-45c1-487f5f2c4b58.png">

次に左上にあるHierarchyの下の[Create]をクリックします。
<img width="1407" alt="スクリーンショット 2020-01-25 3.21.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/94cbf238-0105-2ecf-ffa2-53062af5ea30.png">

クリックをしたら、[2D Object]の[Tilemap]を選択します。
<img width="1425" alt="スクリーンショット 2020-01-25 3.34.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/6fc62944-1330-fc14-6e27-1ee693267f34.png">

HierarchyのところにGridが表示されます。
<img width="1431" alt="スクリーンショット 2020-01-25 3.35.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d5145fdc-b2dc-1145-709f-d0a723ff21db.png">

Gridの三角印をクリックしてください。
<img width="1431" alt="スクリーンショット 2020-01-25 3.35.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/00fce41d-5b1b-daf5-168a-fe1f2b431864.png">

このようにTilemapが出てくるので、Tilemapクリックで選択したら、Inspectorのところが表示されます。
<img width="1430" alt="スクリーンショット 2020-01-25 3.36.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/987912bd-b4f7-bb1e-1d61-83adab5006c4.png">

真ん中のゲームビューからシーンビューに切り替えるとこのようになります。
<img width="1427" alt="スクリーンショット 2020-01-25 17.12.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d76d60fa-bd85-9a12-0b27-b2dda9d92d42.png">

シーンビューは作成する画面になり、（背景の配置など）ゲームビューは完成した時の画面になります。

次に[Tile Palette]という背景を貼りたい（Tile Paletteはペイントする筆のイメージ）事をしたいので、画面の真上辺りにある「Window」をクリックして、「2D」の[Tile Palette]を選びたいのですが、赤の矢印にあるUnityのバージョンによって[Tile Palette]が出てこない事があるので
<img width="1065" alt="スクリーンショット 2020-01-25 17.32.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/425c61bc-b31f-ae63-12fc-dc02a4536a7c.png">

「Window」にある[Package Manager]を選択します。
<img width="1066" alt="スクリーンショット 2020-01-25 17.53.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/55a1a83d-66a7-bef3-6b19-112eddd730d0.png">

開くとこのような画面になるので、[2D Tilemap Editor]をクリックして右下のところが[Remove]（取り除く）になっていたらOK。 もし、[Import]（取り入れる）だった場合は、クリックしてください。
<img width="1065" alt="スクリーンショット 2020-01-25 17.53.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/a13172af-7186-682d-4b4b-3d6bfd18d9a5.png">

ここまで出来たら、[Remove]の真上にあるバツボタンをクリックして戻してあげましょう。
<img width="1065" alt="スクリーンショット 2020-01-25 17.53.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/76229bf8-9e19-ee18-1105-3d87a7a5ef3b.png">

<img width="1429" alt="スクリーンショット 2020-01-25 18.27.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/1103318f-452d-6991-5334-d8e20b8c4107.png">


[Import]が出来たら、画面の真上辺りにある「Window」をクリックして、「2D」の[Tile Palette]を選びます。
<img width="1069" alt="スクリーンショット 2020-01-25 18.24.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/87d3c0a9-6e5f-d78e-25ba-d11ca461d376.png">

このように画面が出てきましたね。
<img width="1432" alt="スクリーンショット 2020-01-25 18.29.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/603eb00f-f78f-48ee-bf26-8aea2da2c03b.png">

開いていない方は、白矢印の[EnvironmentPalette]をクリックしたら、複数選択ができるようになり開く事が出来ます。
<img width="1410" alt="スクリーンショット 2020-01-25 18.39.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/5c853924-858f-6c63-3b97-04e92e6eec83.png">

この状態で試しに、絵の具の筆みたいな物を選択して、ブロックみたいな石をクリックします。
<img width="1434" alt="スクリーンショット 2020-01-25 19.02.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/71dc27f6-d19d-b46d-f0aa-368b6c3522d3.png">

見辛いかもしれないのですが、薄い白の線がブロックの周りを囲んでいたら選択されているのでOKです。
<img width="318" alt="スクリーンショット 2020-01-25 19.05.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/11739c23-f9e1-102a-4958-98bac287314b.png">

シーンビューの画面上にマウスの矢印を持ってくるとこのようになります。
<img width="1428" alt="スクリーンショット 2020-01-25 19.15.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/8cca8cb9-391f-0309-2979-90d26bc8a73b.png">

さらにクリックした状態ですると、ブロックを配置する事が出来ましたね。
<img width="1426" alt="スクリーンショット 2020-01-25 19.15.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/86a9ee9d-7d3f-c12d-ab4e-c205ff959bb0.png">

シーンビューからゲームビューにクリックしてみると
<img width="1426" alt="スクリーンショット 2020-01-25 19.15.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/c8f2babd-3682-49de-07ba-a8a4808be9a6.png">

ゲームビューで確認する事が出来ます。
<img width="1433" alt="スクリーンショット 2020-01-25 19.33.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/ea56b448-9e68-72f6-b01c-cc7812f6bb98.png">

この時に、ゲーム画面が16:10の場合1920x1080に、したいと思う事があればこのようにしてあげると出来ます。(今回は省略させていただきます)1.赤矢印をクリック、2.黄色の画面が出てきて、3.赤の囲んでいる辺りに、[+]があるのでクリック、4.水色のところの画面が出てくるので[Width & Height]のところの空白に[1920] [1080]の数字を入れて[OK]をクリックしてあげると設定する事が出来ます。
<img width="1361" alt="スクリーンショット 2020-01-25 19.38.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/fd41066e-942f-671b-7476-25b36771b4cd.png">

<img width="1364" alt="スクリーンショット 2020-01-25 19.38.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/c8b59980-c6d3-0bfe-8829-72c50f996d0c.png">

これで画面のサイズを合わせられてブロックも配置出来たのですが、ブロックの隙間が空き過ぎているので、[deformed]のサイズ（ブロック）を次は合わせてあげましょう。
<img width="1428" alt="スクリーンショット 2020-01-25 19.59.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/33febdc5-f779-0bf1-9035-134fed042ac7.png">

左下のプロジェクトビューの[Assets]の下の[Bandits-Pixel Art]の三角の矢印をクリックして、[Sprites]をクリックしてください。
<img width="1421" alt="スクリーンショット 2020-01-26 17.26.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/e76f9c13-d44a-467d-2914-3002a5e59f41.png">

クリックしたらこの画面になるので真ん中の辺りに出した[EnvironmentTiles]をクリックしてください。
インスペクターも[EnvironmentTiles]の画面になればOK。
<img width="1431" alt="スクリーンショット 2020-01-26 17.37.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/b6edfab4-6d30-538a-1256-8b04fa0485d5.png">

<img width="1433" alt="スクリーンショット 2020-01-26 18.08.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/4db2aab1-4b93-a08e-dd72-56dccc072e7f.png">

###ピクセル（画像）について
次にするのがピクセル(画像)のサイズの変更を行います。
<img width="1433" alt="スクリーンショット 2020-01-26 18.08.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/1907e2e0-4f50-76eb-d032-8b945d3d5f17.png">

一度64にサイズを設定します。これでもまだ隙間がありますよね。(数字を入れたら右下の[Apply]をクリック)
<img width="1433" alt="スクリーンショット 2020-01-28 19.51.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/afc936c9-b680-e0b0-bb68-d3896eef6b28.png">

次に32にサイズを設定します。(数字を入れたら右下の[Apply]をクリック)
<img width="1431" alt="スクリーンショット 2020-01-26 18.38.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/54db4507-88a9-5a2c-3834-c12d0b08dd58.png">

ぴったりにブロックが隙間無しにつきましたね。この64のサイズのピクセル(画像)は全体の画像で、32のサイズのピクセル(画像)はこのブロック単体のサイズのピクセル(画像)なので、サイズが合っているので綺麗に配置が出来た状態になったと思います。

比較画像 (1)
<img width="1431" alt="スクリーンショット 2020-01-26 18.38.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/29eaf0c0-35d1-534b-012c-1baae53fb2f4.png">
比較画像 (2)
<img width="1434" alt="スクリーンショット 2020-01-28 20.23.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/8aa2143c-347f-66db-2f76-8a01224c251f.png">


#キャラクターの配置
先にAnimationsのフォルダを作ります。
<img width="1310" alt="スクリーンショット 2020-01-29 5.43.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/f096c7ac-90e3-cf0b-30d5-007d47d26348.png">

プロジェクトビューの[Create]をクリックして[Folder]を選択します。
<img width="956" alt="スクリーンショット 2020-01-29 5.44.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/506741eb-4d62-dad4-48dd-6635bc9c0709.png">

[Animations]と入力してください。
<img width="1308" alt="スクリーンショット 2020-01-29 5.44.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/0020d13e-85dd-b4e8-d883-c4afef73c687.png">

<img width="1296" alt="スクリーンショット 2020-01-29 5.45.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/34feb1b1-51f0-cb4a-35c4-8003dd6920e1.png">

HeavyBanditの画像をクリックして
<img width="1307" alt="スクリーンショット 2020-01-29 5.39.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/1af53959-eb8c-268e-0b3a-404ce1396c44.png">

キャラクターの構えている画像を4枚選択してヒエラルキーのドラッグ&ドロップしてください。
<img width="1303" alt="スクリーンショット 2020-01-29 5.40.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/2a12fe7d-f88b-09dd-6215-9f763a6d17f5.png">

このように、出てくるので
<img width="1301" alt="スクリーンショット 2020-01-29 6.07.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/6731478f-dbea-124c-2928-a23a35c80ec5.png">

先ほど作った、フォルダーを選択してあげて、[HeavyBanditIdle]とSave Asに入力してSaveをクリック。　　[Idle]の意味は待機するという意味
<img width="831" alt="スクリーンショット 2020-01-29 6.09.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/46f73f9b-c5be-f7be-22dd-2021678c87d8.png">

そうするとこのように[Animations]のフォルダーに２つ新しく入っている。
<img width="1307" alt="スクリーンショット 2020-01-29 6.23.29.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/adbd066f-f027-4021-31c0-0e31c8e3d64b.png">

キャラクターを確認するとサイズが小さい。
<img width="1305" alt="スクリーンショット 2020-01-29 6.31.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/288b3031-3807-3480-83a7-d1aeb37e65bd.png">

元のサイズが48x48なので、
<img width="1302" alt="スクリーンショット 2020-01-29 6.32.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/0193b337-be0d-042a-9430-015000fc123d.png">

サイズを48に変えてあげる。[Apply]もクリックを忘れずに。
<img width="1305" alt="スクリーンショット 2020-01-29 6.40.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/95141182-1954-df8d-c9b3-108dc94bf6af.png">

標準のサイズを合わせてもまだ小さいので、
<img width="1302" alt="スクリーンショット 2020-01-29 6.41.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/7d8c396c-21a9-a2dd-295e-b5ba96eeba6a.png">

カメラを近づけて合わせる。カメラのサイズと背景の色と高さ調整の3つと
<img width="1307" alt="スクリーンショット 2020-01-29 7.09.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/360678e5-25c8-65b4-cb30-144421b7c428.png">

キャラクターの高さ調整。（調整はお好みで）
<img width="1307" alt="スクリーンショット 2020-01-29 7.09.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/218e9313-10c3-fc00-cf4b-c43f0e747417.png">

これで0K。再生を押したら、キャラクターは動く動作をする。
<img width="1302" alt="スクリーンショット 2020-01-29 7.19.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/bb0713fb-d189-5720-76a0-da24f75ac1b8.png">

###アニメーション選択について
もし、動いている動作が早いってなるのであれば、[Window]の[Animation][Animation]を選択して
<img width="1302" alt="スクリーンショット 2020-01-29 7.25.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/8424d0f4-7c29-1ed5-1756-9df0a149ace6.png">

このようにして、動かしたいアニメーションを複数選択して、0:06に合わしてあげるともう少し自然な動きになる。
<img width="1233" alt="スクリーンショット 2020-01-29 7.28.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/4f34e523-32a8-ec8e-5c5a-82aa4d5afb02.png">

<img width="864" alt="スクリーンショット 2020-01-29 7.32.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/14d1eb6d-21e0-d048-ccea-32ee8bb44661.png">

とりあえず、キャラクターを配置して、アニメーションで動かす事が出来ます。

#物理演算をふようさせるコンポーネント（キャラクターを地面に走らせたり、ジャンプさせたりなど）
このように、[Rigidbody2D]をHeavyBandit_4（キャラクター）につけてあげてください。
<img width="1307" alt="スクリーンショット 2020-01-29 7.47.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/99330666-d865-0e4c-c5b8-965dd476d5b9.png">

<img width="1301" alt="スクリーンショット 2020-01-29 7.48.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d49ed2d0-a7b5-4230-d743-de6f23d64e83.png">

<img width="1305" alt="スクリーンショット 2020-01-29 7.48.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/16359658-6260-bca8-f9c2-08a10b21370e.png">

キャラクターに物理演算が付くことによって、重力などキャラクターを動かす事（速度など）に関わってくる。「再生を押したら、重力によってキャラクターは落下する。(カメラから消える)」

そうならない為に、必要になってくるのが、[Collider]というもの。キャラクターを地面に歩かせるために、地面とキャラクターに[Collider]を付けて当たり判定をつける。
先ほどと同様に[BoxCollider2D]を付けてあげてください。
<img width="1287" alt="スクリーンショット 2020-01-29 8.20.23.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/f82f12cd-4d43-db05-e466-8d1d94c51790.png">

キャラクターの周りにボックスのようなものが付いたのが[BoxCollider2D]というものです。
<img width="1289" alt="スクリーンショット 2020-01-29 8.26.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/4c0f9742-b043-ecda-9d3f-12b254e18d0f.png">

<img width="1290" alt="スクリーンショット 2020-01-29 8.26.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d684683c-b218-95ea-7aef-21119a4424ee.png">

地面とキャラクターの[Collider]が上手く合えばちゃんと立つ
<img width="567" alt="スクリーンショット 2020-01-29 8.44.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d02265ba-5609-b47d-a1d0-cf0fac52755c.png">

<img width="1289" alt="スクリーンショット 2020-01-29 8.45.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/43f6314e-9c9d-9962-e611-b597866488ac.png">

###追加説明
TileMapの[Collider]がブロック単体でついていて、このままだとキャラクターが歩く際に引っ掛かって、ちゃんと歩けなかったりこけたりするので、ブロック単体につけるのではなくて、ブロック全体のひとつとして付けてあげる。そのために、[Composite Collder2D]をまず付けます。
<img width="1292" alt="スクリーンショット 2020-01-29 9.07.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/6b12fd80-edc2-5582-14d1-eab006ed1d9f.png">

次に[Tilemap Collider2D]の[Used By Composite]をチェック。
<img width="1284" alt="スクリーンショット 2020-01-29 9.07.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/0ffe59a4-caba-d4fe-ac08-0e680e0f1625.png">

チェックと同時にブロックの単体がなくなる。
<img width="1289" alt="スクリーンショット 2020-01-29 9.07.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/e71f17e5-5917-ec3a-963c-26de0e7e6772.png">

地面には、物理演算は動かないモノに対して関係ないので、(物理演算は、動くモノに対して付けてあげる)だからRigid body2Dの[Body Type]の[Static]に変えて動作を弱くする。
<img width="1289" alt="スクリーンショット 2020-01-29 9.08.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/d27eb035-69d7-0df2-f172-dcb508050a89.png">

これで、ようやくキャラクターを地面にちゃんと立たす事が出来ましたね。
<img width="1286" alt="スクリーンショット 2020-01-29 9.09.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/451004/383be4cc-0627-8f0e-0c47-bac36b1133da.png">

いつも、日頃お世話になっているサロンさんの動画があるので、ぜひ１度観に行っていただけるとありがたいです。他にも観るのも、実際に作るのも楽しくなるようなゲーム開発をしているので、開発のお役に立てられたら嬉しいです。

スタジオしまづのYouTubeチャンネル
https://www.youtube.com/watch?v=9F-M57l1iXM&t=419s

スタジオしまづが運営する「Unityゲーム開発サロン」
https://community.camp-fire.jp/mypage/projects/149191