JavaScript - 多数のスプライトに衝突検出ボックスを追加するにはどうすればよいですか?

Question

スプライト シートがあり、以下に示すように、その中の各フレームのサイズが異なります。

ここで衝突検出ボックスを追加したいのですが、画像が多く、衝突位置が画像の境界線に限定されません。この場合、
検出ボックスを追加する方法は追加する必要がありますか?各フレームに必要なだけですか？衝突ボックスを追加した後にその位置を取得するにはどうすればよいですか?これを実現するツールはありますか?ありがとうございます~

Answer 1

基本的に、ゲーム開発で最も難しい部分の 1 つは衝突検出です。衝突検出をどのように選択するかは、プロジェクトのニーズに応じて決定する必要があります。通常、分離軸定理 (SAT) は、あなたの例のように、ポリゴンによく使用されます。要件は特に高くはありません。検出には同じサイズの通常の長方形を使用するだけです。変更する必要がある場合は、衝突検出用に各状態の衝突検出フレームを保存します。例:

リーリー

もちろん、ここではゲーム開発に焦点を当てていないので、問題がある場合は指摘してください。