Tutorials

衝突とトリガーの処理

RigidBodyが互いに衝突すると、衝突音が再生され、トリガーボリュームが形状をリセットします。

このチュートリアルでは、剛体物理、衝突検出、およびトリガーボリュームの基本を紹介します。これらの概念を探索するために、チュートリアルプロジェクトをご覧ください。

Collisionコンポーネント

Collision コンポーネントは、他のエンティティがその形状に入ったり出たりしたときにイベントをトリガーするために使用することができます(これをトリガーボリュームと呼びます)。また、RigidBody コンポーネントと組み合わせて、ゲーム内のエンティティに物理的な特性を与えることもできます。たとえば、跳ねるボールや重い木箱などです。

Colissionコンポーネントの最も重要なプロパティは、その Typeです。これは使用されるボリュームの形状を決定します。以下の4つのオプションがあります。

トリガーボリューム

トリガーボリュームを作成するには、単にエンティティに Collision コンポーネントを追加するだけです。このチュートリアルでは、斜面の下に大きなボックス形状のトリガーボリュームを追加して、落ちてくるオブジェクトをキャッチし、位置をリセットします。

Collisions & Triggers

ランプの下にあるトリガーボリュームを青い外枠で表示しています。

RigidBody

Rigid Body (剛体) は、ゲーム世界における物理的なオブジェクトを表します。質量や摩擦などの実際の物理特性を設定することができます。他の剛体と衝突し、物理法則に基づいて現実的な反応を示します。

シーン内で剛体を作成するには、エンティティを選択し、RrigidBody コンポーネントと Collision コンポーネントを追加します。デフォルトでは、これによりstatic boxの剛体が作成されます。RigidBody コンポーネントには、オブジェクトのプロパティを調整するために使用できるさまざまなオプションが提供されています。

rigidbody component

各プロパティの詳細については、RigidBodyのドキュメントを参照してください。

このデモでは、重要なプロパティはTypeです。3つのオプションのうち1つを選択できます。

地面の設定

最初に必要なのは、地面を形成する緑色のブロックです。

属性パネルで、rendercollisionrigidbodyコンポーネントを持つのが見えます。エンティティとcollision全体のプロパティを増やしています。また、摩擦力と反発力のプロパティもわずかに増加しています。これにより、表面がデフォルトよりもやや粗く、やや弾力性がある状態になります。

トリガーの設定

次に必要なのはトリガーです。

Trigger Entity

このエンティティにはcollisionコンポーネントがありますが、rigidbodyがないためトリガーとして機能します。トリガーEntityには、コードが添付されたscriptコンポーネントもあります。トリガーは、トリガーがアクティブになったときに何かが起こる場合のみ有用であるため、トリガーがアクティブになったときにf音声効果が再生されるように、いくつかのコードを追加する必要があります。

var Trigger = pc.createScript('trigger');

// initialize code called once per entity
Trigger.prototype.initialize = function() {
    this.entity.collision.on('triggerenter', this.onTriggerEnter, this);
};

Trigger.prototype.onTriggerEnter = function(entity) {
    entity.rigidbody.linearVelocity = pc.Vec3.ZERO;
    entity.rigidbody.angularVelocity = pc.Vec3.ZERO;
    // Reset back to roughly the position the entity started in.
    var position = entity.getPosition();
    entity.rigidbody.teleport(position.x, 10, 0);
};

下記のコードには2つの重要なパートがあります。

initialize メソッドでは、triggerenter イベントのリスニングを開始します。このイベントは、剛体がトリガーボリュームに入ったときに一度だけトリガーされます。トリガーボリュームは、コリジョンコンポーネントを持つが剛体コンポーネントを持たないエンティティを指します。対応するイベントは triggerleave であり、侵入していた剛体がトリガーボリュームから離れたときに一度だけ発火します。

this.entity.collision.on('triggerenter', this.onTriggerEnter, this);

注意してください、三番目の引数の this は、イベントリスナーで使用される「スコープ」を表します。通常、現在のスクリプトオブジェクトを三番目の引数として追加することで、イベントリスナー内の this の値が同じスクリプトオブジェクトを参照するようにします。

このコードの2番目の部分は、イベントを処理する関数であり、 onTriggerEnter です。トリガーが入力されると、この関数が呼び出され、トリガーボリュームに入るEntityオブジェクトが渡されます。

この場合、トリガーが発火したときに、貫通するエンティティをスタート地点にリセットし、その速度をリセットします。

RigidBody

地面をStaticに設定しました。次に、落下するオブジェクトを作成し、それらがDynamicであることを確認します。

これは、ボックスの rigidbodycollision の設定です。球体とカプセルも同じように設定されています。

衝突イベント (Contact Events)

collisionコンポーネントには3つのイベントがあります。

contactcollisionstartの違いは微妙ですが重要です。平面に対して角度を持った立方体が着地する場合を想像してみましょう。立方体の辺が平面に触れる瞬間、立方体の2つの角が同時に接触します。この場合、3つのイベントが発生します。立方体の各角に対して2つのcontactイベントと1つのcollisionstartイベントです。立方体が回転し続けて落ちる間、そのまま平面と接触し続けます。最終的に平面に平らに着地したとき、立方体の辺が平面に接触するためにさらに2つのcontactイベントが発生します。ただし、立方体はその間ずっと平面と接触し続けているため、追加のcollisionstartイベントは発生しません。

両方のイベントは有用ですが、このデモでは collisionstart イベントを使用して、オブジェクトが地面に衝突したときに再生される効果音をトリガーします。以下にコードを示します。

var Collider = pc.createScript('collider');

// initialize code called once per entity
Collider.prototype.initialize = function () {
    this.entity.collision.on('collisionstart', this.onCollisionStart, this);
};

Collider.prototype.onCollisionStart = function (result) {
    if (result.other.rigidbody) {
        this.entity.sound.play("hit");
    }
};

initialize メソッドでは、イベントリスナーを設定し、その後、イベントハンドラーで他のエンティティが rigidbody コンポーネントを持っているかどうかをチェックします(これはトリガーボリュームに入ったときにサウンドが再生されるのを避けるためです)。そして、"hit" サウンドエフェクトを再生します。したがって、コライダースクリプトがアタッチされたエンティティが他の剛体と衝突するたびに、ヒット音が再生されます。

以上がPlayCanvasでの衝突とトリガーの処理方法です。

This site is translated by the community. If you want to get involved visit this page