색상을 사용하여 이미지에 틴트(색조, tint)를 적용합니다.
한 개의 매개변수를 사용하는 tint()
는 네 가지 방식으로 해석됩니다. 매개변수가 숫자인 경우, 그레이스케일 값으로 해석됩니다. 매개변수가 문자열인 경우, CSS 색상 문자열로 해석됩니다. [R, G, B, A]
값의 배열이나 p5.Color 객체를 사용하여 틴트 색상을 설정할 수도 있습니다.
두 개의 매개변수를 사용하는 tint()
는 첫 번째 매개변수를 그레이스케일 값으로, 두 번째 매개변수를 알파 값으로 사용합니다. 예를 들어, tint(255, 128)
를 입력하면 이미지를 50% 투명하게 만듭니다.
세 개의 매개변수를 사용하는 tint()
는 현재 colorMode()에 따라 RGB 또는 HSB 값으로 해석됩니다. 선택적인 네 번째 매개변수는 알파 값을 설정합니다. 예를 들어, tint(255, 0, 0, 100)
은 이미지에 빨간색 틴트를 적용하고 투명하게 만듭니다.
예제
구문
tint(v1, v2, v3, [alpha])
tint(value)
tint(gray, [alpha])
tint(values)
tint(color)
매개변수
v1
Number:
빨강 또는 색조 값.
v2
Number:
초록 또는 채도 값.
v3
Number:
파랑 또는 밝기 값.
alpha
Number:
value
String:
CSS 색상 문자열.
gray
Number:
그레이스케일 값.
values
Number[]:
색상의 빨강, 초록, 파랑, 알파 값이 있는 배열.
color
p5.Color:
틴트 색상
Notice any errors or typos? Please let us know. Please feel free to edit src/image/loading_displaying.js and open a pull request!