P5.js 한국어 참조 (rectMode)

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

rectMode()



설명문



rect() 로 지정된 파라미터에 의해 직사각형이 draw 되는 장소를 변경합니다.

기본 모드는 rectMode(CORNER)입니다. 이것은 rect() 의 최초의 2 개의 파라미터를 형상의 좌상구석으로 해석해, 3 번째와 4 번째의 파라미터는 그 폭과 높이입니다.

rectMode(CORNERS) 는, rect() 의 최초의 2 개의 파라미터를 1 개의 코너의 위치로서 해석해, 3 번째와 4 번째의 파라미터를 반대측의 코너의 위치로서 해석합니다.

rectMode(CENTER) 는, rect() 의 최초의 2 개의 파라미터를 형상의 중심점으로서 해석해, 3 번째와 4 번째의 파라미터는 그 폭과 높이입니다.

rectMode(RADIUS) 는, 도형의 중심점으로서 rect() 의 최초의 2 개의 파라미터를 사용합니다만, 3 번째와 4 번째의 파라미터를 사용해 도형의 폭과 높이의 절반을 지정합니다.

JavaScript는 대문자와 소문자를 구별하는 언어이므로 모든 매개 변수는 대문자로 작성해야합니다.

구문



rectMode(mode)

매개변수


  • mode
    상수: CORNER, CORNERS, CENTER, RADIUS

  • 예 1


    function draw() {
      rectMode(CORNER); // デフォルトの rectMode は CORNER です
      fill(255); // 塗りつぶしを白に設定します
      rect(25, 25, 50, 50); // CORNERモードを使用して白い長方形を描画します
    
      rectMode(CORNERS); // rectMode を CORNERS に設定します
      fill(180); //塗りつぶしを灰色に設定します
      rect(25, 25, 50, 50); // CORNERSモードを使用して灰色の長方形を描画します
    }
    

    실행 결과





    예 2


    function draw() {
      rectMode(RADIUS); // rectMode を RADIUS に設定します
      fill(255); // 塗りつぶしを白に設定します
      rect(50, 50, 30, 30); // RADIUSモードを使用して白い長方形を描画します
    
      rectMode(CENTER); // rectMode を CENTERに設定します
      fill(100); // 塗りつぶしを灰色に設定します
      rect(50, 50, 30, 30); // CENTER モードを使用して灰色の長方形を描画します
    }
    

    실행 결과





    저작권



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

    좋은 웹페이지 즐겨찾기