Cellオブジェクトのクリック方法は？

Question

私は、Javascript、p5.js、およびDaniel Shiffmanのtutorialを使用して、A *検索アルゴリズムの視覚的表現を作成しています。

例グリッドのイメージは次のようになります。 example grid

それはそれの属性をプリントアウトするためには、グリッドの任意のセルをクリックすることは可能ですか？ダニエルShiffmanのhow to click on objectsに関する他のチュートリアルに基づいて、私は2つの関数を作成しなければならないことを理解しています。円が半径を持っているので、円でこれを行う方法を理解しています。

しかし、私は座標を持っているだけなので、セルでこれを行う方法はわかりません。長さを計算するための指標として座標を使用する方法がわかりません。

私は自分の考え方を参考にしています。事前にありがとうございます。

Answer 1

私は衝突検出に関するチュートリアルを書いていますhere。これは通常の処理のためですが、P5.jsではすべてが同じです。矩形の点の衝突を探しています。

基本的に、ポイントが矩形の左端と右端の間にあるかどうかを確認する必要があります。との間にあるかどうかを確認する必要があります。両方が真の場合、点は矩形の内側にあります。

私はbreaking your problem down into smaller stepsを推奨し、それらの手順を1つずつ実行します。たとえば、複数のセルやユーザー入力を試す前に、ハードコーディングされた1つの矩形と点で作業するようにしてください。