文字:

function draw() {
background(255);
circle(mouseX, mouseY, 20);
textSize(50)
text(int(mouseX)+" ,"+int(mouseY),50,50)
}
Background(255);//因為時間在輸出時，會一直重複黑色的文字，背景並沒有同步去更新，所以殘留下來的是一團黑，可以把這個函數拿掉看看

這邊有文字函數的範例運用及範例
https://p5js.org/reference/p5/text/
https://p5js.org/reference/p5/textStyle/

前面兩個數是，第一個點的位置，後面兩個數是第二個點的位置，
寫出來後兩點連成一線
line(30, 20, 85, 75);
配合上面的函數，能有效的找到圖面位置畫線

進而就能利用線條畫出不規則圖形出來囉~

利用draw重複的特性，將正方形填滿圖面
設立一個變數，劃出一個正方形，這個正方形能看到這個正方形
X,Y位置被我加十後偏移成這樣，但我希望的是它擺滿整個圖面
var x=10
function draw() {
rect(x,x,50,50)
x+=10
}

var x=10
var y=10
function draw() {
rect(x,y,50,50)
x+=10+50
}
先看第一排，排滿後能發現方塊超出了，所以如果超出去的話我要針對y的位置做位移且x要重新執行，這得用if判斷式了

function draw() {
rect(x,y,50,50)
x+=10+50
if(x>width){
y+=60
x=10
}
Y的部分+60是間隔10與正方形是50，10+50=60

利用draw重複的特性，去把圖面填滿

明天我要記起來甚麼呢?