２Ｄトップビューアドベンチャー 手順１１
最終更新：
orika_ex_miyako 2025年10月18日(土) 19:34:21履歴
移動する際にコライダーに引っかかってしまうケースがあるため、そちらの原因の究明と、原因を元に処理の改善を行っていきます。
＜実装動画＞
動画ファイルへのリンク
以下の内容で順番に実装を進めていきます。
手順１１ ーコライダー接触時のプレイヤーキャラの移動の改善ー
新しい学習内容は、以下の通りです。
１４．滑らかな移動が行えるように改善を行う
１．設計
フィールドやダンジョンなどの移動は多くのゲームで重要な役割を持ちます。
そのため、なるべくユーザーが遊びやすい状態を考えて設計を行っていく必要があります。
今回のプレイヤーキャラの移動ですが、タイルに設定したコライダーとの接触判定がぎこちなく、移動する際にひっかかって移動が阻害されることがあります。
これはゲームの状態としても、またユーザーの遊びやすさとしても、双方にとって良い状態ではありませんので、改善を行う必要があります。
何か１つ実装を行ったらそれで終わり、ではなくて、必ずデバッグを行います。
その中で問題点がないか、改善箇所はないかを見極めるスキルを養っていきながら、ゲームをよりよくするためのブラッシュアップを行います。
今回のケースでは、タイル同士のコライダーのつなぎ目にプレイヤーキャラのコライダーがぶつかって
その部分でひっかかりが生じて、移動できなくなってしまう部分に原因があります。
Unity には隣り合うコライダーを１つにまとめることができる機能がありますので、そちらを利用して改善を行っていきます。
２．原因の解明と解消方法を検討する −隣接するコライダー同士を連結して処理を軽くするとともに、移動をしやすくするー
今回の不具合の原因として考えられるのは、タイル同士が隣り合っていてもコライダーは異なるコライダーが１つずつ設定されているため、
この部分にキャラが接触すると引っかかって移動する際に不具合が生じていると思われます。
現在のタイルのコライダー
＜検証動画＞
動画ファイルへのリンク
３．＜Composite Collider 2D コンポーネント＞
この現象が原因なのだとすれば、隣り合うタイル同士を連結させることによって解消することができます。
また、連結することにより、コライダーの数が減少するため、処理の負荷も軽減することが出来ます。
Grid_Collison ゲームオブジェクトの子オブジェクトである Tilemap ゲームオブジェクトを選択し、
インスペクターの一番下にある Add Component を選択します。Composite Collider 2D コンポーネントを探して追加してください。
また、このコンポーネントを追加すると自動的に Rigidbody2D コンポーネントも追加されます。
Unity のバージョンによっては自動で追加されないバージョンもありますので、その場合には手動で Rigidbody2D コンポーネントを追加してください。
インスペクター画像(２つのコンポーネントがアタッチされる順番は前後しますが、どちらでも問題はありません。)
この Composite Collider 2D コンポーネントが、複数のコライダーを連結する機能になります。
なお連結できるコライダーは 2D のみで、Box Collider 2D コンポーネントか、Polygon Collider 2D コンポーネントのいずれかになります。
今回利用している Tilemap Collider 2D コンポーネントの場合、タイルに個々設定されるコライダーは Box Collider 2D コンポーネントであるため、適用範囲になっています。
参考サイト
設定する項目は２つです。追加した Composite Collider 2D コンポーネント自体には変更は不要です。
最初に、Tilemap Collider 2D コンポーネントの Used By Composite のスイッチにチェックを入れて有効にします。
このスイッチ項目がない場合には、代わりに Composite Operation の設定項目がありますので、そちらのプルダウンメニューより Merge を選択します。
(Unity のバージョンにより、インスペクターでの設定方法が異なります。)
このいずれかの方法により、追加した Composite Collider 2D コンポーネントの機能が有効化されます。
インスペクター画像� 檻院�Unity 2019
インスペクター画像� 檻押�Unity 6000.2
次に、Rigidbody2D コンポーネントの Body Type を Static に変更します。
これでコライダーが連結して作用するようになります。
こちらを忘れずに変更しておかないと、ゲーム実行時に Rigidbody2D による重力の影響が発生し、コライダーが落下してしまう不具合が生じます。
インスペクター画像��
以上で設定は完了です。
Sceneビュー でコライダーの形状を確認してください。
タイル１つ１つに設定されていたコライダーが、隣り合うコライダー間で１つの大きなコライダーとして連結されていることが分かります。
＜Composite Collider 2D コンポーネント 設定前＞
＜Composite Collider 2D コンポーネント 設定後＞
このとき、Tilemap Renderder コンポーネントのスイッチをオフにすることでタイルマップの画像が消え、コライダーの状態のみを確認しやすいです。
＜Tilemap Renderder コンポーネントのスイッチをオフにする＞
＜Composite Collider 2D コンポーネント 設定前＞
＜Composite Collider 2D コンポーネント 設定後＞
確認が終ったら再度スイッチを入れておきましょう。
以上で設定は完了です。
４．ゲームを実行して動作を確認する
ゲームを実行してキャラをコライダーのあるタイルにぶつけてみてください。
先ほどとは異なり、コライダーにひっかかることなく、スムースに移動ができるようになっていれば制御成功です。
＜実装動画＞
動画ファイルへのリンク
実装の結果を見て、原因として考えていた内容があっていたのか判明します。
もしも今回の実装でも同じようにキャラがひっかかってしまうのであれば、それは別の原因ということになるためです。
その場合には検証を進めて、何が原因として考えられるのか、問題点を１つずつ切り分けながら見極めていくことになります。
そういったスキルを身につけるためにも、デバッグを行うことは重要な作業になります。
以上でこの手順は終了です。
次は 手順１２ −カメラの追従制御の実装− です。
＜実装動画＞
動画ファイルへのリンク
以下の内容で順番に実装を進めていきます。
手順１１ ーコライダー接触時のプレイヤーキャラの移動の改善ー
１４．滑らかな移動が行えるように改善を行う
新しい学習内容は、以下の通りです。
・Composite Collider 2D コンポーネント
１４．滑らかな移動が行えるように改善を行う 
１．設計
フィールドやダンジョンなどの移動は多くのゲームで重要な役割を持ちます。
そのため、なるべくユーザーが遊びやすい状態を考えて設計を行っていく必要があります。
今回のプレイヤーキャラの移動ですが、タイルに設定したコライダーとの接触判定がぎこちなく、移動する際にひっかかって移動が阻害されることがあります。
これはゲームの状態としても、またユーザーの遊びやすさとしても、双方にとって良い状態ではありませんので、改善を行う必要があります。
何か１つ実装を行ったらそれで終わり、ではなくて、必ずデバッグを行います。
その中で問題点がないか、改善箇所はないかを見極めるスキルを養っていきながら、ゲームをよりよくするためのブラッシュアップを行います。
今回のケースでは、タイル同士のコライダーのつなぎ目にプレイヤーキャラのコライダーがぶつかって
その部分でひっかかりが生じて、移動できなくなってしまう部分に原因があります。
Unity には隣り合うコライダーを１つにまとめることができる機能がありますので、そちらを利用して改善を行っていきます。
２．原因の解明と解消方法を検討する −隣接するコライダー同士を連結して処理を軽くするとともに、移動をしやすくするー
今回の不具合の原因として考えられるのは、タイル同士が隣り合っていてもコライダーは異なるコライダーが１つずつ設定されているため、
この部分にキャラが接触すると引っかかって移動する際に不具合が生じていると思われます。
現在のタイルのコライダー
＜検証動画＞
動画ファイルへのリンク
３．＜Composite Collider 2D コンポーネント＞
この現象が原因なのだとすれば、隣り合うタイル同士を連結させることによって解消することができます。
また、連結することにより、コライダーの数が減少するため、処理の負荷も軽減することが出来ます。
Grid_Collison ゲームオブジェクトの子オブジェクトである Tilemap ゲームオブジェクトを選択し、
インスペクターの一番下にある Add Component を選択します。Composite Collider 2D コンポーネントを探して追加してください。
また、このコンポーネントを追加すると自動的に Rigidbody2D コンポーネントも追加されます。
Unity のバージョンによっては自動で追加されないバージョンもありますので、その場合には手動で Rigidbody2D コンポーネントを追加してください。
インスペクター画像(２つのコンポーネントがアタッチされる順番は前後しますが、どちらでも問題はありません。)
この Composite Collider 2D コンポーネントが、複数のコライダーを連結する機能になります。
なお連結できるコライダーは 2D のみで、Box Collider 2D コンポーネントか、Polygon Collider 2D コンポーネントのいずれかになります。
今回利用している Tilemap Collider 2D コンポーネントの場合、タイルに個々設定されるコライダーは Box Collider 2D コンポーネントであるため、適用範囲になっています。
参考サイト
Unity公式マニュアル
CompositeCollider2D
https://docs.unity3d.com/ja/current/Manual/class-C...
Unity公式ドキュメント
Composite Collider 2D
https://docs.unity3d.com/6000.2/Documentation/Manu...
設定する項目は２つです。追加した Composite Collider 2D コンポーネント自体には変更は不要です。
最初に、Tilemap Collider 2D コンポーネントの Used By Composite のスイッチにチェックを入れて有効にします。
このスイッチ項目がない場合には、代わりに Composite Operation の設定項目がありますので、そちらのプルダウンメニューより Merge を選択します。
(Unity のバージョンにより、インスペクターでの設定方法が異なります。)
このいずれかの方法により、追加した Composite Collider 2D コンポーネントの機能が有効化されます。
インスペクター画像� 檻院�Unity 2019
インスペクター画像� 檻押�Unity 6000.2
次に、Rigidbody2D コンポーネントの Body Type を Static に変更します。
これでコライダーが連結して作用するようになります。
こちらを忘れずに変更しておかないと、ゲーム実行時に Rigidbody2D による重力の影響が発生し、コライダーが落下してしまう不具合が生じます。
インスペクター画像��
以上で設定は完了です。
Sceneビュー でコライダーの形状を確認してください。
タイル１つ１つに設定されていたコライダーが、隣り合うコライダー間で１つの大きなコライダーとして連結されていることが分かります。
＜Composite Collider 2D コンポーネント 設定前＞
＜Composite Collider 2D コンポーネント 設定後＞
このとき、Tilemap Renderder コンポーネントのスイッチをオフにすることでタイルマップの画像が消え、コライダーの状態のみを確認しやすいです。
＜Tilemap Renderder コンポーネントのスイッチをオフにする＞
＜Composite Collider 2D コンポーネント 設定前＞
＜Composite Collider 2D コンポーネント 設定後＞
確認が終ったら再度スイッチを入れておきましょう。
以上で設定は完了です。
４．ゲームを実行して動作を確認する
ゲームを実行してキャラをコライダーのあるタイルにぶつけてみてください。
先ほどとは異なり、コライダーにひっかかることなく、スムースに移動ができるようになっていれば制御成功です。
＜実装動画＞
動画ファイルへのリンク
実装の結果を見て、原因として考えていた内容があっていたのか判明します。
もしも今回の実装でも同じようにキャラがひっかかってしまうのであれば、それは別の原因ということになるためです。
その場合には検証を進めて、何が原因として考えられるのか、問題点を１つずつ切り分けながら見極めていくことになります。
そういったスキルを身につけるためにも、デバッグを行うことは重要な作業になります。
以上でこの手順は終了です。
次は 手順１２ −カメラの追従制御の実装− です。
コメントをかく