P5.js는 JavaScript 라이브러리로, 그래픽, 애니메이션 및 인터랙션을 만드는데 사용됩니다. 함수를 작성하고 호출하는 방법을 알아보겠습니다.
P5.js에서 함수를 작성하는 방법은 일반적인 JavaScript와 거의 유사합니다. 함수는 다음과 같은 구문으로 작성됩니다:
function functionName(parameter1, parameter2, ...) {
// 함수의 작업을 수행하는 코드
// ...
return returnValue; // 선택 사항
}
함수명은 개발자가 원하는 이름으로 지정할 수 있습니다. 매개변수는 함수에 전달되는 값이며, 필요에 따라 여러 개의 매개변수를 사용할 수 있습니다. 함수 내부의 코드는 함수가 수행할 작업을 정의합니다.
매개변수는 함수 내에서 지역 변수처럼 작동합니다. 함수 본문 내에서만 접근할 수 있고, 함수 외부에서는 사용할 수 없습니다.
P5.js에서 함수 호출하기
작성한 함수를 호출하기 위해서는 함수명과 필요한 매개변수를 사용하여 함수 호출 코드를 작성합니다. 이러한 호출 코드를 원하는 위치에서 사용할 수 있습니다.
functionName(argument1, argument2, ...);
argument1, argument2는 함수 호출 시 전달되는 실제 값입니다. 매개변수와 전달인자의 개수와 순서는 일치해야 합니다.
예제
function addNumbers(num1, num2) {
let sum = num1 + num2;
return sum;
}
let result = addNumbers(5, 3);
console.log(result); // 결과: 8
위의 코드는 addNumbers라는 함수를 정의한 후, 함수를 호출하고 결과를 출력하는 예제입니다. addNumbers 함수는 두 개의 매개변수 num1과 num2를 받아들이고, 해당 숫자들의 합을 반환합니다. 함수를 호출할 때는 5와 3이라는 실제 값들을 전달합니다. result 변수에 함수의 반환값인 8을 저장하고 출력합니다.
P5.js를 사용하여 함수를 작성하고 호출하면 더 강력한 그래픽 및 애니메이션 기능을 구현할 수 있습니다. 자세한 내용은 P5.js 공식 문서를 참조하시기 바랍니다.