P5.js 한국어 참조 (erase)

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

erase()

설명문

erase() 다음의 모든 드로잉은 캔버스에서 공제됩니다. 공제된 영역은 캔버스 아래의 웹 페이지를 표시합니다. erase() 는 noErase() 로 취소할 수 있습니다.

image() 및 background() 로 행해진 묘화는 erase() 의 영향을 받지 않습니다.

구문

erase([strengthFill], [strengthStroke])

매개변수

strengthFill
Number : 도형의 채우기의 소거의 강도를 나타내는 수치(0~255). 인수가 지정되어 있지 않은 경우, 디폴트 255 가 되어 완전한 강도가 됩니다. (선택 사항)

strengthStroke
Number:도형의 스트로크의 소거의 강도를 나타내는 수치(0~255). 인수가 지정되어 있지 않은 경우, 디폴트 255 가 되어 완전한 강도가 됩니다. (선택 사항)

예 1

function draw() {
  background(100,100,250); // 背景を青色に設定
  fill(0, 255, 100); // 塗りつぶし色を緑色に設定
  rect(20,20,60,60);
  erase() ;  // 差し引き(くり抜き)を設定
  ellipse(25,30,30); // 円で差し引き
  noErase() ;
}

실행 결과

예 2

function setup() {
  createCanvas(100,100,WEBGL);
}

function draw() {
  background(250, 250, 150); // 背景を青色に設定
  fill(15, 195, 185);// 塗りつぶし色を緑色に設定
  noStroke() ;
  sphere(30);
  erase() ; // 差し引き(くり抜き)を設定
  rotateY(frameCount * 0.02); // Y軸を中心に回転
  translate(0, 0, 40);
  torus(15,5); // トーラス(ドーナッツ形状)で差し引き
  noErase() ;
}

### 실행 결과
htps : // 에아와 r. p5js. rg / bit0101 / s t t s / 6P_G x 8g

저작권

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