P5.js 한국어 참조 (lerpColor)

이 페이지에서는 P5.js 한국어 참조의 lerpColor 함수에 대해 설명합니다.

lerpColor ()

설명문

두 가지 색상을 혼합하여 그 사이의 중간 색상을 얻을 수 있습니다. amt 매개변수는 두 값 사이를 보간하는 양입니다. 0.0은 시작 색과 같고 0.1은 시작 색에 매우 가깝고 0.5는 중간 등입니다. 0보다 작은 값은 0으로 취급되고 1 이상의 값은 1로 취급됩니다.

색상을 보간하는 방법은 현재 색상 모드에 따라 다릅니다.

구문

lerpColor(c1, c2, amt)

매개변수

c1
p5.Color : 보간을 시작하는 색상

c2
p5.Color : 보간을 종료하는 색

amt
Number : 0과 1 사이의 수

반환값

p5.Color: amt 의 위치하는 중간색

예

function draw() {
  let from = color(200, 00, 0); // 赤色を設定
  let to = color(0, 0, 200); // 青色を設定
  colorMode(RGB);
  let interA = lerpColor(from, to, 0.33); // 1/3地点での補完色
  let interB = lerpColor(from, to, 0.66); // 2/3地点での補完色
  fill(from);
  rect(10, 20, 20, 60);
  fill(interA);
  rect(30, 20, 20, 60);
  fill(interB);
  rect(50, 20, 20, 60);
  fill(to);
  rect(70, 20, 20, 60);
}

실행 결과

저작권

p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.

라이센스

Creative Commons(CC BY-NC-SA 4.0)를 따릅니다.