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

このページでは[「P5.js 日本語リファレンス」] (https://qiita.com/bit0101/items/91818244dc26c767a0fe) の set関数を説明します。

set()

説明文

任意のピクセルの色を変更するか、画像をキャンバスに直接書き込みます。

xパラメータとyパラメータは変更するピクセル座標を指定し、cパラメータはカラー値を指定します。これは p5.Color オブジェクトまたは [R, G, B, A] 配列です。単一のグレースケール値にすることもできます。画像を設定するとき xおよびyパラメータは現在のimageMode() に関係なく, 画像の左上隅の座標を定義します。

set() を使用した後、変更を表示するには updatePixels() を呼び出す必要があります。これは、すべてのピクセルが設定された後に呼び出す必要があり .get() を呼び出す前、または画像を描画する前に呼び出す必要があります。

set(x, y) を使用して単一のピクセルの色を設定することは簡単ですが、データを直接pixels配列に入れるほど速くはありません。 Retinaディスプレイを使用する場合、pixels配列に値を直接設定することは複雑になる可能性がありますが、すべてのループで直接多くのピクセルを設定する必要がある場合はパフォーマンスが向上します。

詳細については, pixels配列のリファレンスをご覧ください。

構文

set(x, y, c)

パラメタ

• x
  Number：ピクセルのx座標

• y
  Number：ピクセルのy座標

• c
  Number|Number[]|Object：グレースケール値|ピクセル配列|p5.Colorオブジェクト|p5.Imageのコピー

例1

function setup(){
  for(let i = 30; i <width-15; i ++){
    for(let j = 20; j <height-25; j ++){
      c = color(30 - j, 210 - i, 0);
      set(i, j, c);
    }
  }
  updatePixels() ;
}

実行結果

著作権

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