基本圖形單位

• point() 點
  在像素的維度上，繪製一個點，在使用stroke()的情況下可以設置點的顏色。
  • 語法

    point(x, y, z);
    // z 是在3D中繪製時用到的。
    // 因此需要P3D參數和size()一起使用
    
    

• line() 線
  畫線，沿著點到點的直線路線畫線。一樣可以用stroke()來對線條上色，而strokeWeight()則可以改變線的寬度。
  • 語法

    line(x1, y1, z1, x2, y2, z2);
    // z 是在3D中繪製時用到的。
    // 因此需要P3D參數和size()一起使用
    

基本2D圖形

• rect() 矩形
  畫一個矩形，默認每個角的圓弧半徑為90度。並且每個角的圓弧半徑可以個別設定，從左上角開始順時鐘設定。
  • 語法

    rect(x, y, width, height);
    rect(x, y, width, height, r);
    rect(x, y, width, height, rtl, rtr, rbr, rbl);
    

• quad() 四邊形
  畫四邊形，跟畫矩形最大的差別是邊緣間的角度不被限制為90度。從左上角開始，順時鐘宣告4個角的座標。
  • 語法

    quad(x1, y1, x2, y2, x3, y3, x4, y4);
    

• triangle() 三角形
  連接三個點來畫三角形。
  • 語法

    triangle(x1, y1, x2, y2, x3, y3);
    

圓弧形

• ellipse() 橢圓
  畫橢圓，雖說如此，也可以拿來畫圓，當他的高度跟寬度相同的時候，就變成圓，反之則是橢圓。
  • 語法

    ellipse(x, y, width, height);
    

• arc() 弧形
  畫弧形，就是...畫弧形。
  • 語法

    arc(x, y, width, height, start, stop, mode);
    //    start = 起始點
    //    stop = 終止點
    //    mode = 模式 決定弧形是否封閉，預設為開放的
    

今日結語

今天大概的講了2D繪圖的相關函數，下次講解的會偏向在曲線的方面，不過在那方面我學的不算是很精，如果有錯請見諒。
那今天就這樣了，祝各位學習愉快。