누군가 올바른 방향으로 나를 가리킬 수 있습니까? p5js에서 사각형 그리드와 같은 개체 그리드를 만들고 싶습니다. 특정 사각형을 클릭 할 수 있기를 원하며, 대화 형 요소를 갖기를 원합니다. 예를 들어, 이동하거나 색상을 변경합니다. 이제이 일이 발생하고 그리드의 특정 사각형을 지정하려면 2d 배열을 사용해야한다고 생각하는 것입니까? 또한 다른 방법을 사용하면 비슷한 결과를 얻을 수 있습니까? 이미 사각형의 간단한 그리드를 만들 수 있지만 개별적으로 액세스 할 수는 없습니다. 미리 감사드립니다. g개체 격자 만들기
예, 2D 배열을 사용하는 것이 올바른 방법입니다. 그러나 p5.js에서와 같이 그리는 도형은 영구적이지 않고 각 프레임마다 다시 그려지기 때문에 액세스 할 수 있도록 스스로 신경 써야합니다. 일반적으로 필요한 모든 속성을 가진 순수한 JavaScript 객체를 만들어 배열의 모든 객체를 수집 한 다음이 배열을 사용하여 각 프레임의 모든 모양을 그립니다.
Daniel Shiffman은 정확하게이 문제에 대한 유용한 자습서를 가지고 있습니다 : https://www.youtube.com/watch?v=pGkSHeEZLMU&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=22. 이 튜토리얼과 다음 튜토리얼을 시작해야합니다.
이벤트 처리기/ID가있는 객체의 1D 배열조차도 작동 할 수 있지만 언어 (+1)로 시작할 때 2D 배열이 그리드에서 더 직관적 일 수 있습니다. –