레퍼런스 pointLight()

pointLight()

지정된 점에서 모든 방향으로 빛을 발하는 조명을 생성합니다.

점 광원은 모든 방향으로 빛을 발하는 전구와 같습니다. 다양한 조명 효과를 얻기 위해 다른 위치에 배치할 수 있습니다. 한 번에 최대 5개의 점 광원이 활성화될 수 있습니다.

pointLight()를 호출하는 방법은 총 4가지이며, 이는 빛의 색상과 위치를 설정하는 매개변수들을 포함합니다.

pointLight()를 호출하는 첫 번째 방법은 6개의 매개변수를 갖습니다. 이 중, 처음 3개의 매개변수인 v1, v2, v3를 사용하고 현재 colorMode()를 사용하여 빛의 색상을 설정합니다. 마지막 매개변수 3개인 x, y, z는 빛의 위치를 설정합니다. 예를 들어, pointLight(255, 0, 0, 50, 0, 0)(50, 0, 0) 좌표에서 빛이 발하는 빨간색 (255, 0, 0) 빛을 생성합니다.

pointLight()를 호출하는 두 번째 방법은 4개의 매개변수를 사용합니다. 첫 번째 3개의 매개변수인 v1, v2, v3를 사용하고 현재 colorMode()를 사용하여 빛의 색상을 설정합니다. 마지막 매개변수인 position은 p5.Vector 객체를 사용하여 빛의 위치를 설정합니다. 예를 들어, pointLight(255, 0, 0, lightPos)lightPos 벡터로 설정된 위치에서 빛이 발하는 빨간색 (255, 0, 0) 빛을 생성합니다.

pointLight()를 호출하는 세 번째 방법은 4개의 매개변수를 사용합니다. 첫 번째 매개변수인 colorp5.Color 객체나 색상 값 배열을 사용하여 빛의 색상을 설정합니다. 마지막 3개의 매개변수인 x, y, z는 빛의 위치를 설정합니다. 예를 들어, directionalLight(myColor, 50, 0, 0)(50, 0, 0) 좌표에서 빛이 발하는 myColor 색상의 빛을 생성합니다.

pointLight()를 호출하는 네 번째 방법은 2개의 매개변수를 사용합니다. 첫 번째 매개변수인 colorp5.Color 객체나 색상 값 배열을 사용하여 빛의 색상을 설정합니다. 두 번째 매개변수인 positionp5.Vector 객체를 사용하여 빛의 위치를 설정합니다. 예를 들어, directionalLight(myColor, lightPos)lightPos 벡터로 설정된 위치에서 빛이 발하는 myColor 색상의 빛을 생성합니다.

예제

구문

pointLight(v1, v2, v3, x, y, z)
pointLight(v1, v2, v3, position)
pointLight(color, x, y, z)
pointLight(color, position)

매개변수

v1
Number:

현재 colorMode()에서의 빨간색 또는 색조값

v2
Number:

현재 colorMode()에서의 녹색 또는 채도값

v3
Number:

현재 colorMode()에서의 파란색, 밝기 또는 명도값

x
Number:

x-coordinate of the light.

빛의 x 좌표

y
Number:

빛의 y 좌표

z
Number:

빛의 z 좌표

position
p5.Vector:

빛의 위치입니다. p5.Vector 객체로 설정합니다.

color
p5.Color|Number[]|String:

p5.Color 객체, 색상 값 배열 또는 CSS 문자열로 설정된 색상

Notice any errors or typos? Please let us know. Please feel free to edit src/webgl/light.js and open a pull request!

관련 레퍼런스