P5.js 日本語リファレンス(plane)

3498 ワード
p5.js processing JavaScript JavaScript テキストリンク

このページでは「P5.js 日本語リファレンス」 の plane関数を説明します。

plane()

説明文

指定した幅と高さで平面を描く。

構文

plane([width], [height], [detailX], [detailY])

パラメタ

  • width

    Number：平面の幅(オプション、省略時は50)

  • height

    Number：平面の高さ(オプション、省略時は50)

  • detailX

    Integer：x方向の三角形分割数(オプション、省略時は1)

  • detailY

    Integer：y方向の三角形分割数(オプション、省略時は1)

例1

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

function draw(){
  push();
  translate(-100, -100);
  fill(255, 0, 0);
  plane(60, 60, 1, 1);
  pop();

  push();
  translate(-0, -100);
  fill(0, 255, 0);
  plane(60, 60, 0, 0);  // xy方向の三角形分割数が0のため描画されない
  pop();
}

実行結果

著作権

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) に従います。