P5.js 한국어 참조 (fill)

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

fill()

설명문

도형을 채우는 데 사용할 색상을 설정합니다. 예를 들어 fill(204, 102 , 0) 을 실행하면 그 후에 그려진 모든 도형은 오렌지색으로 채워집니다. 이 색은 현재의 colorMode() 에 따라서 RGB 또는 HSB 로 지정됩니다. 기본 색상 모드는 RGB이며 각 값의 범위는 0-255입니다. 기본 알파 범위도 0-255입니다.

단일의 캐릭터 라인 인수가 지정되고 있는 경우 RGB, RGBA 및 16 진수의 CSS 칼라 캐릭터 라인과 모든 이름 첨부 칼라 캐릭터 라인이 서포트됩니다. 이 칼라 캐릭터 라인의 경우, 2 번째의 인수로서의 알파치는 서포트되어 있지 않습니다. RGBA 형식을 사용해야 합니다.

p5.Color 객체를 제공하여 배경색을 설정할 수도 있습니다.

구문

fill(v1, v2, v3, [alpha])

fill(value)

fill(gray, [alpha])

fill(values)

fill(color)

매개변수

v1
Number : 현재 색상 범위를 기준으로 빨간색 또는 색조 값

v2
Number : 현재 색상 범위를 기준으로 녹색 또는 채도 값

v3
Number : 현재 색상 범위를 기준으로 파란색 또는 밝기 값

alpha
Number : 알파 값 (선택 사항)

value
String : 컬러 문자열

그레이
Number : 회색 값

values
Number [] : 색상의 빨간색, 녹색, 파란색 및 알파 값을 포함하는 배열

color
p5.Color : 채우기 색상

예

function draw() {
    fill(51); // 濃いグレー値
    rect(20, 20, 60, 60);

    fill(255, 180, 100); // R、G、Bの整数値
    rect(100, 20, 60, 60); // 肌色で描画

    colorMode(HSB);  // カラーモードで HSB を設定
    fill(100, 204, 100); // H,S,Bの整数値
    rect(180, 20, 60, 60); // 緑色で描画

    fill('red'); // 名前付き SVG/CSS カラー文字列
    rect(260, 20, 60, 60); // 赤色で描画

    fill('#fae'); //  3桁の16進数で RGB を設定
    rect(20, 100, 60, 60); // 桃色で描画

    fill('#AA22FF'); // 6桁の16進数で RGB を設定
    rect(100, 100, 60, 60); // 濃い紫色で描画

    fill('rgb( 250,250,0 )'); // R、G、B の整数値を設定
    rect(180, 100, 60, 60); // 黄色で描画

    fill('rgba( 0,255,220,0.25 )'); // R、G、B、A の整数値を設定
    rect(260, 100, 60, 60); // エメラルド色で描画

    fill('rgb( 100%, 0%, 100% )'); // //パーセント RGB で設定
    rect(20, 180, 60, 60); // 紫色で描画

    fill('rgba( 100%, 100%, 0%, 0.1 )'); // //パーセント RGBA で設定
    rect(100, 180, 60, 60);  // 黄色で描画

    colorMode(RGB);
    fill(color(0, 0, 255)); // p5 Colorオブジェクトで設定
    rect(180, 180, 60, 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)를 따릅니다.