iT邦幫忙

2024 iThome 鐵人賽

0
生成式 AI

TouchDesigner系列 第 31

p5.js常用圖形

  • 分享至 

  • xImage
  •  

控制線條粗細
strokeWeight()

line(x1, y1, x2, y2)
繪製一條從點 (x1, y1) 到 (x2, y2) 的線條。

rect(x, y, w, h)
繪製一個左上角在 (x, y),寬度為 w,高度為 h 的矩形。

ellipse(x, y, w, h)
繪製一個中心在 (x, y),寬度為 w,高度為 h 的橢圓。

circle(x, y, d)
繪製一個中心在 (x, y),直徑為 d 的圓。

triangle(x1, y1, x2, y2, x3, y3)
繪製一個三個頂點分別在 (x1, y1), (x2, y2), (x3, y3) 的三角形。

quad(x1, y1, x2, y2, x3, y3, x4, y4)
繪製一個四邊形,四個頂點分別是 (x1, y1), (x2, y2), (x3, y3), (x4, y4)。

point(x, y)
在 (x, y) 繪製一個點。

arc(x, y, w, h, start, stop)
繪製一個橢圓弧,中心點為 (x, y),寬度 w,高度 h,從角度 start 到角度 stop。

curve(x1, y1, x2, y2, x3, y3, x4, y4)
繪製一條貝茲曲線,控制點分別為 (x1, y1), (x2, y2), (x3, y3), (x4, y4)。
https://ithelp.ithome.com.tw/upload/images/20241024/20168943w3om03pk9Z.pngstrokeWeight()


上一篇
Day30 心得、統整
系列文
TouchDesigner31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言