ごく基本的な関数とコマンド。マウスとキーボードの状態。
関数
初期設定用
function setup() { }毎描画ステップごとに呼び出され、内部の各コマンドを実行
function draw() { }追加データのロードを完了してからプログラムを実行
function preload() { }コマンド
長方形を描画
rect(x: number; y: number; width: number; height: number);円を描画
ellipse(centerX: number, centerY: number, radiusX: number, radiusY: number);直線を描画
line(startX: number, startY: number, endX: number, endY: number);点を描画
point(x: number, y: number);塗りを指定
fill(color);線の太さを指定
strokeWeight(width: number);フレームレートを設定（デフォルトは60）
frameRate(framerate: number);ディスプレイ領域とレンダラーを設定
createCanvas(width: number, height: number, renderer: name);
//レンダラー例：P2D（標準。指定不要）、WEBGL（ハードウェアアクセラレーションを伴う3Dグラフィックを表示）座標系移動
translate(x: number, y: number);座標系回転
rotate(angle: radian);座標系拡大縮小
scale(ratio: number);マウスとキーボード
console.log(mouseX); //マウスのX座標
console.log(mouseY); //マウスのY座標
console.log(mouseIsPressed); //マウスが押されているかどうかのブール値
console.log(keyIsPressed); //キーボードが押されているかどうかのブール値
console.log(key); //最後に押されたキー
