//図形を描く
function setup() {
//画面サイズ
createCanvas(500, 500);
}
function draw() {
//背景を塗る
background(200,220,220);
//線の色
stroke(100,100,100);
//塗り色
fill(255,100,200, 200);
//円を描く
ellipse(250,250,100,100);
//線をナシ
noStroke();
//塗り色
fill(255,200,100, 200);
//四角を描く
rect(mouseX,mouseY,50,50);
}
micro:bitのブロックと似た構造になっています。
それもそのはずで、p5jsのようなテキストベースのプログラミングの導入に、ブロックのプログラミングがつくられたからです。
ブロックのようなイメージで、プログラムを見てみてください。