레퍼런스 directionalLight()

directionalLight()

한 방향으로 빛을 내는 빛을 생성합니다.

방향성 광원(directional light)는 특정 지점에서 빛나지 않습니다. 이는 마치 화면 밖 어딘가에서 빛나는 태양과도 같습니다. 빛의 방향은 -1에서 1사이의 세개의 (x, y, z) 값으로 설정됩니다. 예를 들어, 빛의 방향을 (1, 0, 0) 으로 설정하면 빛이 직접 오른쪽을 향하므로 p5.Geometry 객체는 왼쪽에서 비춰집니다.

조명의 색상과 방향을 설정하기 위한 매개 변수를 사용하여 directionalLight()를 호출하는 방법은 네 가지가 있습니다.

첫 번째 방법은 여섯 개의 매개변수를 가집니다. 처음 세 개의 매개변수인 v1, v2, v3는 현재 colorMode()를 사용하여 빛의 색상을 설정합니다. 마지막 세 개의 매개변수인 x, y, z는 빛의 방향을 설정합니다. 예를 들어, directionalLight(255, 0, 0, 1, 0, 0)은 오른쪽을 향해 빛나는 빨간색 (255, 0, 0) 빛을 생성합니다.

두 번째 방법은 네 개의 매개변수를 가집니다. 처음 세 개의 매개변수인 v1, v2, v3는 현재 colorMode()를 사용하여 빛의 색상을 설정합니다. 마지막 매개변수인 directionp5.Geometry 객체를 사용하여 빛의 방향을 설정합니다. 예를 들어, directionalLight(255, 0, 0, lightDir)lightDir 벡터가 가리키는 방향으로 빛나는 빨간색 (255, 0, 0) 빛을 생성합니다.

세 번째 방법은 네 개의 매개변수를 가집니다. 첫 번째 매개변수인 colorp5.Color 객체나 색상값 배열을 사용하여 빛의 색상을 설정합니다. 마지막 세개의 매개변수인 x, y, z는 빛의 방향을 설정합니다. 예를 들어, directionalLight(myColor, 1, 0, 0)myColor의 색상값을 가지고 오른쪽으로 빛나는 빛을 생성합니다. 네 번째 방법은 두 개의 매개변수를 가집니다. 첫 번째 매개변수인 colorp5.Color 객체나 색상값 배열을 사용하여 빛의 색상을 설정합니다. 두 번째 매개변수인 directionp5.Color 객체를 사용하여 빛의 방향을 설정합니다. 예를 들어, directionalLight(myColor, lightDir)lightDir 벡터가 가리키는 방향으로 빛나는 myColor의 색상값을 가진 빛을 생성합니다.

예제

구문

directionalLight(v1, v2, v3, x, y, z)
directionalLight(v1, v2, v3, direction)
directionalLight(color, x, y, z)
directionalLight(color, direction)

매개변수

v1
Number:

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

v2
Number:

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

v3
Number:

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

x
Number:

빛의 방향의 x 성분은 -1과 1 사이입니다.

y
Number:

빛의 방향의 y 성분은 -1과 1 사이입니다..

z
Number:

빛의 방향의 z 성분은 -1과 1 사이입니다.

direction
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!

관련 레퍼런스