Создание сетки объектов

Question

Может кто-то указать мне в правильном направлении. Я хочу создать сетку объектов в p5js, например сетку квадратов. Я хочу, чтобы вы могли нажимать на какой-либо конкретный квадрат и для него иметь интерактивный элемент, например, он перемещает или меняет цвет, например. Теперь, чтобы это произошло и чтобы указать какой-либо конкретный квадрат на сетке, я правильно понял, что мне нужно использовать массив 2d? Также что, если бы какой-либо другой метод мог использовать для достижения аналогичных результатов? Я уже могу создать простую сетку квадратов, но я не могу получить доступ к ним по отдельности. заранее, g

Answer 1

Да, использование 2D-массива - правильный подход. Однако, как и в p5.js, фигуры, которые вы рисуете, не являются постоянными, а скорее перерисовываются на каждом кадре, вы должны заботиться о себе, чтобы вы могли получить к ним доступ. Обычно это нужно делать, создавая чистые объекты JavaScript со всеми необходимыми свойствами, собирая все в массиве, а затем используйте этот массив для рисования всех фигур в каждом кадре.

У Даниэля Шиффмана есть несколько хороших учебников по этой проблеме: https://www.youtube.com/watch?v=pGkSHeEZLMU&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=22. Это и следующие руководства помогут вам начать работу.