p5.js 코드의 각 부분에 대한 쉬운 설명을 찾아보세요.
Looking for p5.sound? Go to the p5.sound reference!
호, 아치형 선을 그립니다.
원을 그립니다.
타원(Oval)을 그립니다.
공간에 하나의 점(point)을 그립니다.
사각형(네 변의 도형)을 그립니다.
사각형을 그립니다.
삼각형을 그립니다.
새로운 p5.Geometry 객체에 도형을 추가하기 시작합니다.
박스(직육면체)를 그립니다.
더 간단한 3D 도형으로부터 사용자 지정 p5.Geometry 객체를 만듭니다.
원뿔을 그립니다.
원기둥을 그립니다.
타원체를 그립니다.
도형 추가를 중단하고 새로운 p5.Geometry 객체를 반환합니다.
p5.Geometry 객체를 그래픽 처리 장치(GPU) 메모리에서 제거합니다.
평면을 그립니다.
구를 그립니다.
원환면을 그립니다.
3D 모델을 불러와 p5.Geometry 객체를 만듭니다.
p5.Geometry 객체를 캔버스에 그립니다.
베지어 곡선을 그립니다.
WebGL 모드에서 베지어 곡선을 그릴 때 사용되는 선분 수를 설정합니다.
베지어 곡선에 접선을 따라 좌표를 계산합니다.
캣멀롬 스플라인(Catmull-Rom spline) 사용하여 곡선을 그립니다.
WebGL 모드에서 스플라인 곡선을 그리는 데 사용되는 선분 수를 설정합니다.
보간법을 사용하여 스플라인 곡선을 따라 좌표를 계산합니다.
스플라인 곡선을 따라 접점 위의 좌표를 계산합니다.
curve() 및 curveVertex() 함수를 통해 그려지는 곡선의 형태를 조정합니다.
사용자 정의 도형에 꼭짓점을 추가하기 시작합니다.
함수는 사용자 정의 도형에 베지어 곡선 선분을 추가합니다.
사용자 정의 도형에 스플라인 곡선 세그먼트를 추가합니다.
>평면 도형 내부에 여백 생성을 중지합니다.
사용자 지정 3D 도형의 꼭짓점/정점(vertex)에 대한 법선 벡터를 설정합니다.
사용자 정의 도형에 2차 베지어 곡선(quadratic Bézier curve)을 추가합니다.
사용자 정의 도형에 꼭짓점을 추가합니다.
평면 도형 내부에 빈 공간을 만들기 시작합니다.
타원, 원, 호가 그려지는 위치를 변경합니다.
일부 기능을 계단식(aliased) 가장자리로 그립니다.
직사각형과 정사각형이 그려지는 위치를 변경합니다.
선의 양 끝 부분 렌더링 스타일을 설정합니다.
선분을 연결하는 이음새(joint)의 스타일을 설정합니다.
점, 선 및 도형의 윤곽에 사용되는 선의 너비를 설정합니다.
색상의 알파(투명도) 값을 가져옵니다.
색상에서 파랑값을 추출합니다.
색상값으로 부터 밝기값을 추출합니다.
p5.Color 개체를 만드세요
색상에서 초록값을 추출합니다.
색상값에서 색조를 추출합니다.
두 색상을 혼합하여 그 사이의 세 번째 색상을 찾습니다.
색상의 밝기 값을 가져옵니다.
색상에서 빨강값을 추출합니다.
색상에서 채도값을 추출합니다.
캔버스 배경에 사용되는 색상을 설정합니다.
다음에 그려지는 모든 모양을 마스크할 모양을 정의합니다.
색상 값이 해석되는 방식을 변경합니다.
도형을 사용하여 캔버스 일부를 지우기 시작합니다.
점, 선 및 모양의 윤곽선을 그리는 것을 비활성화합니다.
다음에 그려지는 모든 모양을 마스크할 모양으로 정의합니다.
캔버스의 픽셀을 지웁니다.
beginClip() 으로 시작된 마스크 정의를 종료합니다.
erase()로 시작된 지우기를 종료합니다.
모양 채우기 색상 설정을 비활성화합니다.
글꼴을 불러와 p5.Font 객체를 생성합니다
캔버스에 텍스트를 그립니다.
text() 함수에서 사용할 글꼴을 설정합니다.
text()를 호출할 때 텍스트가 정렬되는 방식을 설정합니다.
현재 글꼴의 크기에서 상단값를 계산합니다.
현재 글꼴의 크기에서 하단값을 계산합니다.
text()를 호출할 때의 텍스트 줄 간격을 설정합니다.
text()를 호출할 때의 글꼴 크기를 설정합니다.
text()를 호출할 때의 시스템 글꼴의 스타일을 설정합니다.
text()가 호출될 때 그려진 텍스트 문자열의 최대 너비를 계산합니다.
text()가 호출될 때 텍스트 줄바꿈(wrapping)의 스타일을 설정합니다.
이미지를 캔버스에 그립니다.
image() 호출 시 이미지가 그려지는 위치를 변경합니다.
이미지를 로드하여 p5.Image 객체를 생성합니다.
tint()로 설정된 현재 틴트를 제거합니다.
스케치에서 GIF를 생성하고 파일로 저장합니다.
색상을 사용하여 이미지에 틴트(색조, tint)를 적용합니다.
p5.Image 객체를 생성합니다.
현재 캔버스를 이미지로 저장합니다.
캔버스에서 이미지로 저장할 수 있는 프레임 시퀀스(sequence)를 캡처합니다.
다른 이미지로부터 픽셀의 영역을 복사합니다.
소스 이미지의 픽셀을 캔버스의 영역으로 복사합니다.
이미지에 이미지 필터를 적용합니다.
캔버스에서 픽셀 또는 픽셀 영역을 가져옵니다.
캔버스의 각 픽셀의 현재 값을 pixels 배열에 불러옵니다.
캔버스의 각 픽셀의 색상을 포함하는 배열입니다.
픽셀의 색상을 설정하거나 이미지를 캔버스에 그립니다.
pixels 배열에 있는 RGBA 값으로 캔버스를 업데이트합니다.
좌표계에 변환 행렬을 적용합니다.
좌표계에 적용된 모든 변환을 초기화합니다.<p>
좌표계를 회전시킵니다.
WebGL 모드에서 x축을 기준으로 좌표계를 회전시킵니다.
WebGL 모드에서 y축을 기준으로 좌표계를 회전시킵니다.
WebGL 모드에서 z축을 기준으로 좌표계를 회전시킵니다.
좌표계를 크기를 조절합니다.
모양이 비스듬하게 보이도록 x축을 기울입니다.
모양이 비스듬하게 보이도록 y축을 기울입니다.
좌표계를 이동시킵니다.
커서의 모양을 변경합니다.
마지막 프레임을 그리는 데 걸린 시간을 밀리초 단위로 추적하는 Number 변수입니다.
스크린 리더가 읽을 수 있는 캔버스에 대한 설명을 생성합니다.
스크린 리더가 읽을 수 있는 캔버스 위의 각 요소에 대한 설명을 생성합니다
디스플레이의 현재 픽셀 밀도를 반환합니다.
화면 디스플레이의 높이가 저장된 Number 변수입니다.
화면 디스플레이의 너비가 저장된 Number 변수입니다.
브라우저에 초점(focus)이 맞춰지면 true, 그렇지 않으면 false의 값을 가지는 Boolean 변수입니다.
스케치가 시작된 이후 그려진 프레임의 수를 추적하는 Number 변수입니다.
초당 그려지는 프레임 수를 설정합니다.
Toggles full-screen mode or returns the current mode.
목표 프레임 속도를 반환합니다.
스케치의 현재 URL을 String타입으로 반환합니다.
현재 URL 매개변수들을 Object 타입으로 반환합니다.
현재 URL 경로를 String이 담긴 Array 타입으로 반환합니다.
스크린 리더가 읽을 수 있는 캔버스 위의 모양에 대한 설명을 생성합니다.
캔버스의 높이가 픽셀 단위로 저장된 Number 변수입니다.
뷰에서 커서를 숨깁니다.
픽셀 밀도를 설정하거나 현재의 밀도를 반환합니다.
웹 브라우저의 콘솔에 글자를 표시합니다.
사용 중인 WebGL 버전의 값을 가지는 String 변수입니다.
캔버스의 너비가 픽셀 단위로 저장된 Number 변수입니다.
브라우저 뷰포트의 높이가 저장된 Number 변수입니다.
브라우저 창의 크기를 조절할 때 호출되는 함수입니다.
브라우저 뷰포트의 너비가 저장된 Number 변수입니다.
A class to describe a camera for viewing a 3D sketch.
빛의 반사색을 설정합니다.
Get the shader used when no lights or materials are applied.
Get the default shader used with lights, materials, and textures.
Get the shader used by normalMaterial().
Get the shader used when drawing the strokes of shapes.
3D 스케치에서 방향성을 명확히 하기 위해 그리드와 축 아이콘을 추가합니다.
3D 스케치에서 debugMode()를 끕니다.
마우스, 트랙패드, 또는 터치스크린을 사용하여 3D 스케치 주위를 회전할 수 있게 해줍니다.
도형의 표면 재질의 주변색을 설정합니다.
p5.Shader 객체를 생성하여 filter() 함수와 함께 사용합니다.
새로운 p5.Shader 객체를 생성합니다.
도형의 표면 재질의 발광색을 설정합니다.
정점(vertex)과 프래그먼트(fragment) 셰이더를 로드하여 p5.Shader 객체를 생성합니다.
specularMaterial()의 금속성 양을 설정합니다.
현재 재질을 일반(Normal) 재질로 설정합니다.
기본 셰이더로 복원합니다.
화면을 그리는 도중에 적용할 p5.Shader 객체를 설정합니다.
specularMaterial()의 광택 양을 설정합니다.
도형의 표면 재질의 반사색을 설정합니다.
도형에 사용할 텍스처를 설정합니다.
사용자 지정 도형에 적용되는 텍스처의 좌표계를 변경합니다.
도형의 uv 좌표가 질감의 범위를 벗어날 때 질감의 동작 방식을 변경합니다.
모든 방향에서 비추는 빛을 생성합니다.
한 방향으로 빛을 내는 빛을 생성합니다.
이미지에서 주변광을 생성합니다.
pointLight() 및 spotLight()의 감쇠율을 설정합니다.
장면에 주변광(ambientLight)과 방향성 광원(directionalLight)을 배치합니다
스케치에서 모든 빛을 제거합니다.
몰입감 있는 3D 배경을 생성합니다.
지정된 점에서 모든 방향으로 빛을 발하는 조명을 생성합니다.
한 지점에서 한 방향으로 빛을 내는 조명을 생성합니다.
3D 스케치에서 현재 카메라의 위치와 방향을 설정합니다.
새 p5.Camera 객체를 만들고 현재(활성) 카메라로 설정합니다.
3D 스케치에서 현재 카메라의 절두체(frustum)를 설정합니다.
3D 스케치에서 선에 대해 원근감을 활성화하거나 비활성화합니다.
3D 스케치에서 현재 카메라에 대한 정사영을 설정합니다.
3D 스케치에서 현재 카메라의 원근 투영을 설정합니다.
3D 스케치의 현재(활성) 카메라를 설정합니다.
셰이더를 하나의 드로잉 콘텍스트에서 다른 드로잉 콘텍스트로 복사합니다.
셰이더의 유니폼 (전역) 변수를 설정합니다.
Logs the hooks available in this shader, and their current implementation.
Returns a new shader, based on the original, but with custom snippets of shader code replacing default behaviour.
숫자의 절댓값을 계산합니다.
어떤 숫자에 가장 가까우면서 그 숫자보다 크거나 같은 정수 값을 계산합니다.
최솟값과 최댓값 사이로 숫자를 제한합니다.
두 점 사이의 거리를 계산합니다.
오일러 수 e(2.71828...)를 어떤 수만큼 곱한 거듭제곱을 계산합니다.
어떤 숫자에 가장 가까우면서 그 숫자보다 작거나 같은 정수 값을 계산합니다.
어떤 숫자의 분수 부분을 계산합니다.
특정한 증가에 대하여 두 숫자 사이의 숫자를 계산합니다.
어떤 숫자의 자연 로그(밑이 e인 로그)를 계산합니다.
벡터의 크기, 또는 길이를 계산합니다.
한 범위에서 다른 범위로 숫자를 다시 매핑합니다.
여러 개의 숫자 중 가장 큰 값을 반환합니다.
여러 개의 숫자 중 가장 작은 값을 반환합니다.
한 범위의 어떤 숫자를 0과 1 사이의 값으로 매핑합니다.
2^3과 같은 지수 식을 계산합니다.
어떤 숫자에 가장 가까운 정수를 계산합니다.
어떤 숫자의 제곱을 계산합니다.
어떤 숫자의 제곱근을 계산합니다.
조정이 가능하며 자연스러운 느낌을 줄 수 있는 임의의 숫자를 반환합니다.
noise() 함수에 의해 생성된 노이즈의 특성을 조정합니다.
noise() 함수의 시드 값을 결정합니다.
배열에서 임의의 숫자나 임의의 요소를 반환합니다.
가우시안 또는 정규 분포에 맞는 임의의 숫자를 반환합니다.
random() 과 randomGaussian() 함수로 시드 값을 설정합니다.
새로운 p5.Vector 객체를 생성합니다.
각도 측정에 사용되는 단위 체계를 변경합니다.
숫자의 아크 사인 값을 계산합니다.
숫자의 아크 탄젠트 값을 계산합니다.
점, 원점, 그리고 양의 x축에 의해 형성된 각도를 계산합니다.
각도의 코사인을 계산합니다.
라디안으로 측정된 각도를 각도(degree) 단위로 변환합니다.
도로 측정된 각도를 라디안 값으로 변환합니다.
각도의 사인값을 계산합니다.
각도의 탄젠트 값을 계산합니다
마우스 버튼을 빠르게 두 번 클릭했을 때 한 번 호출되는 함수입니다.
requestPointerLock으로 시작된 포인터 잠금을 종료합니다.
마지막으로 눌린 마우스 버튼의 값을 저장하는 String 시스템 변수입니다.
마우스 버튼을 누르고 떼었을 때 한 번 호출되는 함수입니다.
버튼이 눌린 채로 마우스가 움직일 때 호출되는 함수입니다.
마우스가 눌려있으면 true, 그렇지 않으면 false 값을 가지는 Boolean 시스템 변수입니다.
마우스가 움직일때 호출되는 함수입니다.
마우스 버튼이 눌렸을 때 한 번 호출되는 함수입니다.
마우스 버튼이 눌린 후 떼어질 때 한 번 호출되는 함수입니다.
마우스 휠이 움직일 때 한 번 호출되는 함수입니다.
마우스의 수평 위치를 추적하는 Number 시스템 변수입니다.
마우스의 수직 위치를 추적하는 Number 시스템 변수입니다.
마우스의 수평 이동을 추적하는 Number 시스템 변수입니다.
마우스의 수직 이동을 추적하는 Number 시스템 변수입니다.
마우스의 이전 수평 위치를 추적하는 Number 시스템 변수입니다.
마우스의 이전 수직 위치를 추적하는 Number 시스템 변수입니다.
브라우저 내에서 마우스의 이전 수평 위치를 추적하는 Number 변수입니다.
브라우저 내에서 마우스의 이전 수직 위치를 추적하는 Number 변수입니다.
마우스 포인터를 현재 위치에 고정하고 보이지 않게 만듭니다.
브라우저 내에서 마우스의 수평 위치를 추적하는 Number 시스템 변수입니다.
브라우저 내에서 마우스의 수직 위치를 추적하는 Number 시스템 변수입니다.
마지막으로 입력된 키의 값을 가지는 String 시스템 변수입니다.
마지막으로 입력된 키의 값을 가지는 Number 시스템 변수입니다.
확인하고자 하는 키가 눌려있으면 true, 그렇지 않으면 false를 반환합니다.
어떤 키든지 현재 눌려있으면 true, 그렇지 않으면 false를 가지는 Boolean 시스템 변수입니다.
어떤 키가 눌렸을 때 한 번 호출되는 함수입니다.
어떤 키가 눌린 후 떼어질 때 한 번 호출되는 함수입니다.
출력 가능한 문자가 포함된 키가 눌렸을 때 한 번 호출되는 함수입니다.
사용자가 화면 터치를 끝낼 때마다 한 번 호출되는 함수입니다.
사용자가 화면을 터치하고 움직일 때 호출되는 함수입니다.
사용자가 화면을 터치할 때마다 한 번 호출되는 함수입니다.
터치스크린 장치에서 현재 터치 포인트들을 저장하는 Array입니다.
요소가 변경될 때 함수를 호출합니다.
다른 웹 페이지로 연결하는 <a> 요소를 생성합니다.
간단한 오디오 재생을 위한 숨겨진<audio> 요소를 생성합니다.
<button></button> 요소를 생성합니다.
웹캠 또는 마이크로부터 오디오/비디오 스트림을 캡처(capture)하는 <video> 요소를 생성합니다.
체크박스 <input></input> 요소를 생성합니다.
색상 선택 도구 요소를 생성합니다.
<div></div> 요소를 생성합니다.
새로운 p5.Element 객체를 생성합니다.
'file'을 입력받는 <input></input> 요소를 생성합니다.
캔버스 밖에 나타날 수 있는 <img> 요소를 생성합니다.
텍스트 <input></input> 요소를 생성합니다.
<p>
라디오 버튼 요소를 생성합니다.
드롭다운 메뉴 <select></select> 요소를 생성합니다.
슬라이더 <input></input> 요소를 생성합니다.
<span></span> 요소를 생성합니다.
간단한 오디오/비디오를 재생할 수 있는 <video> 요소를 생성합니다.
요소가 입력을 받을 때 함수를 호출합니다.
이벤트 핸들러를 포함하여 p5.js에 의해 생성된 모든 요소를 제거합니다.
페이지에서 전달된 CSS 선택자 문자열과 일치하는 첫 번째 요소를 검색합니다.
페이지에서 주어진CSS 선택자 문자열과 일치하는 모든 요소를 검색합니다.
숫자 또는 문자열을 해당 불리언 표현으로 변환합니다
String 상수로, angleMode()를 설정하는 데 사용됩니다.
Number 상수로, 약 1.5708입니다.
Number 상수로, 약 3.1416입니다.
Number 상수로, 약 0.7854입니다.
Number 상수로, 대략 6.2832입니다.
Number 상수로, 약 6.2832입니다.