createCanvas

(別名: create_canvas)

def setup
  createCanvas(100, 50)
  background(153)
  line(0, 0, width, height)
end

def setup
  c = createCanvas(80, 80)
  c.style('border', '5px dashed red').position(10, 10)
  background(220)
end

p5.jsリファレンス(参考情報)

[p5.js] createCanvas

概要

キャンバスを生成します。

書式

createCanvas(w, h [, renderer])

引数

引数名内容備考オプションデフォルト値
wキャンバスの幅ピクセル
hキャンバスの高さピクセル
rendererモードP2D : 2次元
WEBGL : 3次元		○P2D

戻値

p5elementオブジェクト

備考

・createCanvasメソッドを実行しない場合、デフォルトで 100×100のキャンバスが描画されます。

・p5.jsでは widthおよび heightはオプションの扱いになっていますが、
　引数の指定を省いた場合の挙動が期待どおりではないので
　rbCanvas/p5では widthおよび heightを必須の引数としています。

・キャンバスに対して p5elementオブジェクトのインスタンスメソッドを使用することができます。

関連

p5elementオブジェクト