레퍼런스 background()

background()

캔버스 배경에 사용되는 색상을 설정합니다.

기본적으로, 배경(background)은 투명합니다. background() 는 일반적으로 draw() 각 프레임의 시작에서 디스플레이 창을 지우는 데 사용됩니다. 또한 애니메이션의 첫 번째 프레임에서 배경을 설정하기 위해 setup() 안에서도 사용될 수 있습니다.

매개변수가 하나인 background() 버전은 네 가지 방식 중 하나로 해석됩니다. 매개변수가 Number일 경우, 그레이스케일 값으로 해석됩니다. 매개변수가 String일 경우, CSS 색상 문자열로 해석됩니다. RGB, RGBA, HSL, HSLA, hex 및 명명된 색상 문자열이 지원됩니다. 매개변수가 p5.Color 객체일 경우, 배경색으로 사용됩니다. 매개변수가 p5.Image 객체일 경우, 배경 이미지로 사용됩니다.

두 개의 매개 변수를 사용하는 background()의 버전은 첫 번째 매개 변수를 그레이스케일 값으로 해석합니다. 두 번째 매개 변수는 알파(투명도) 값을 설정합니다.

세 개의 매개 변수를 사용하는 background() 의 버전은 현재 tRGB, HSB, 또는 HSL 색상에따라 colorMode()으로 해석됩니다. 기본적으로, 색상은 RGB값으로 지정됩니다. background(255, 204, 0) 를 호출하면 밝은 노랑색의 배경으로 설정됩니다.

예제

구문

background(color)
background(colorstring, [a])
background(gray, [a])
background(v1, v2, v3, [a])
background(values)
background(image, [a])

매개변수

colorstring
String:

색상 문자열, 가능한 형식은 다음과 같습니다: 정수 rgb() 또는 rgba(), 백분율 rgb() 또는 rgba(), 3자리 hex, 6자리 hex.

a
Number:

현재 색상 범위에 대한 배경의 불투명도 (기본값 범위 0-255).

gray
Number:

흰색과 검은색 사이의 값으로 지정합니다.

v1
Number:

색상 모드가 RGB인 경우 빨간색 값이며, 색상 모드가 HSB인 경우 색상 값입니다.

v2
Number:

색상 모드가 RGB인 경우 녹색 값이며, 색상 모드가 HSB인 경우 채도 값입니다.

v3
Number:

색상 모드가 RGB인 경우 파란색 값이며, 색상 모드가 HSB인 경우 명도 값입니다.

values
Number[]:

색상의 빨강, 초록, 파랑 및 a알파 구성 요소를 포함하는 배열입니다.

image
p5.Image:

iloadImage()로 생성된 이미지 또는 createImage(), 배경으로 설정합니다. (스케치 창과 같은 사이즈여야만 합니다).

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

관련 레퍼런스