[javascript] P5.js에서 이벤트 처리는 어떻게 작성하나요?
P5.js에서 이벤트 처리를 작성하는 방법은 간단합니다.
먼저, 이벤트를 처리할 요소를 선택하고 이벤트 리스너를 추가해야 합니다. 예를 들어, 마우스 클릭 이벤트를 처리하는 코드는 다음과 같습니다:
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}
function mouseClicked() {
// 마우스 클릭 이벤트 발생 시 실행되는 코드 작성
// 여기에 원하는 동작을 작성하세요
}
이렇게 작성한 mouseClicked()
함수는 마우스 클릭 이벤트가 발생할 때마다 실행됩니다. 원하는 동작을 작성하면 됩니다.
P5.js에서 지원하는 다른 이벤트들에는 mousePressed()
, mouseReleased()
, keyPressed()
, keyReleased()
등이 있습니다. 각 이벤트마다 해당하는 함수를 작성하면 해당 이벤트가 발생했을 때 함수가 실행됩니다.
더 자세한 내용은 P5.js 이벤트 레퍼런스 문서를 참고하시기 바랍니다.