P5.js 한국어 참조 (colorMode)

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

colorMode()

설명문

colorMode() 는 p5.js 가 컬러 데이터를 해석하는 방법을 변경합니다. 기본적으로 fill() , stroke() , background() , color() 의 매개 변수는 RGB 색상 모델을 사용하여 0에서 255 사이의 값으로 지정됩니다. 이것은 colorMode(RGB, 255) 를 설정하는 것과 같습니다. colorMode(HSB) 를 설정하면 대신 HSB 컬러 모델을 사용할 수 있습니다. 기본적으로 이것은 colorMode(HSB, 360, 100, 100, 1)입니다. HSL을 사용할 수도 있습니다.

참고: 기존 컬러 데이터는 생성된 컬러 모드를 기억하므로 그리기에 영향을 주지 않고 원하는 대로 모드를 변경할 수 있습니다.

구문

colorMode(mode, [max])colorMode(mode, max1, max2, max3, [maxA])

매개변수

mode
상수 : 빨강, 녹색, 파랑, 색조, 채도, 밝기 (또는 밝기)에 해당하는 RGB, HSB, HSL 중 어느 것입니까?

max
Number : 모든 값의 범위 (선택 사항)

max1
Number : 현재 색상 모드에 따라 빨간색 또는 색조 범위

max2
Number : 현재 컬러 모드에 따라 녹색 또는 채도 범위

max3
Number : 현재 컬러 모드에 따라 파란색 또는 밝기/밝기 범위

maxA
Number : 알파 범위 (선택 사항)

예

function draw(){
  noStroke();
  colorMode(HSB, 100); // カラーモードをHSBに設定

  for(let i = 0; i < 100; i++){
    for(let j = 0; j < 100; j++){
      stroke(i, j, 100);
      point(i, j);  // 100 x 100 の正方形に点を描画する
    }
  }

  noFill() ;
  colorMode(RGB, 255, 255, 255, 1); // カラーモードをRGBに設定
  strokeWeight(4);
  stroke(255, 0, 10, 0.3);
  ellipse(40, 40, 50, 50);
  ellipse(50, 50, 40, 40);
}

실행 결과

저작권

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)를 따릅니다.