[javascript] P5.js에서 이미지와 사운드를 처리하는 방법은 어떻게 되나요?
이미지 처리:
- 사전에 사용할 이미지를 로드하는 방법은 loadImage() 함수를 사용하면 됩니다. ```javascript let img;
function preload() { img = loadImage(‘path/to/image.jpg’); }
2. 이미지를 화면에 그리는 방법은 image() 함수를 사용하면 됩니다.
```javascript
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
image(img, 0, 0);
}
사운드 처리:
- 사전에 사용할 사운드를 로드하는 방법은 loadSound() 함수를 사용하면 됩니다. ```javascript let sound;
function preload() { sound = loadSound(‘path/to/sound.mp3’); }
2. 사운드를 재생하는 방법은 play() 함수를 사용하면 됩니다.
```javascript
function mouseClicked() {
sound.play();
}
이외에도 P5.js에서는 이미지와 사운드를 다룰 수 있는 다양한 함수와 기능들이 제공됩니다. 자세한 내용은 P5.js 공식 문서를 참고하시기 바랍니다.
- P5.js 공식 문서: https://p5js.org/reference/
위의 예제 코드와 P5.js 공식 문서를 참고하면 이미지와 사운드를 효과적으로 처리할 수 있습니다.