// setup関数：最初に1回だけ{}で囲われた範囲が実行される
function setup() {
createCanvas(400, 400); // 命令① 描画するエリアの大きさを幅:400px,高さ:400pxに設定
}
// draw関数：setup関数が実行された後，繰り返し実行される
function draw() {
background(220); // 命令② 背景色を黒を0,白を255としたときに220に設定
授業内容
2- 授業に入る前に
3- p5.jsを使ってみよう
4- p5.js Web Editorの画面説明
5- 最初のプログラムの解説
// setup関数：最初に1回だけ{}で囲われた範囲が実行されるfunction setup() { createCanvas(400, 400); // 命令① 描画するエリアの大きさを幅:400px,高さ:400pxに設定}
// draw関数：setup関数が実行された後，繰り返し実行されるfunction draw() { background(220); // 命令② 背景色を黒を0,白を255としたときに220に設定}