オブジェクトのグリッドを作成する

Question

誰かが正しい方向に向けることができますか？私はp5jsのオブジェクトのグリッドを作成したい、例えば、正方形のグリッド。特定の四角形をクリックできるようにしたいと思います。そのためには、インタラクティブな要素、つまり移動や色の変更などが必要です。今、これが起こり、グリッド上の特定の四角形を指定するためには、私は2次元配列を使う必要があると思っていますか？また、他の方法があれば、私は同様の結果を得るために使うことができますか？私はすでに四角形の単純なグリッドを作成できますが、個別にアクセスすることはできません。 ありがとうございます。 g

Answer 1

はい、2D配列を使用するのが正しい方法です。しかし、p5.jsのように、描画する図形は永続的なものではなく、フレームごとに再描画されるため、アクセスすることができます。通常は、必要なすべてのプロパティを持つ純粋なJavaScriptオブジェクトを作成し、配列内のすべてのオブジェクトを収集し、この配列を使用して各フレームのすべてのシェイプを描画します。

Daniel Shiffmanには、この問題に関する正確なチュートリアルがあります：https://www.youtube.com/watch?v=pGkSHeEZLMU&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=22。このチュートリアルと以下のチュートリアルを開始する必要があります。