二、Processing 座標與基本圖形

語法介紹:

 size()  函數

size(width,height)   // size函數設置顯示窗口尺寸,width -- 寬度;height -- 高度;

 point()  函數

point(x,y);  // 畫點函數。 x -- x軸座標;y -- y軸座標;除非特別說明,一個像素的大小就是一個點。

line()  函數

line(x1,y1,x2,y2)  //畫線段函數。第兩個參數定位一個點

triangle()  函數

triangle(x1,y1,x2,y2,x3,y3)  // 繪製三角形函數。每兩個參數定位一個點。

quad()  函數

quad(x1,y1,x2,y2,x3,y3,x4,y4)  // 繪製四邊形函數。每兩個參數定位一個點,適當改變這些參數可以得到長方形,正文形等。

rect()  函數

rect(x,y,width,height)   // 繪製長方形函數。前兩個參數定位長方形左上角的位置,後兩個是寬度和高度。

ellipse()  函數

ellipse(x,y,width,height)  // 繪製橢圓形。前兩個參數設置橢圓圓心的位置;第三個參數設置長軸;第四個參數設置短軸。

bezier()  函數

bezier(x1,y1,cx1,cy1,cx2,cy2,x2,y2)  // 繪製曲線函數。8個參數定位4個點,第1、4個點安瑞克曲線的起始位置,第2、3點決定曲線的形態。
                                     //繪製貝塞爾曲線需要設置錨點和操縱點,首先由錨點確定曲線的起始位置,再由操縱點決定曲線的形態。

background()  函數

background(number);  // 設置顯示窗口的背景色。number 背景色取值(0~255)

fill()  函數

fill(number1,number2)  // 設置形狀的填充色函數。number1 填充色取值(0 ~ 255)。如果沒有填充色,默認255 即白色。number2 透明度控制(0 ~ 255)0爲全透明

stroke()  函數

stroke(number1,number2)  //number1 設置形狀輪廓(線條筆畫)的顏色,默認0 即黑色。number2 透明度控制(0 ~ 255)0爲全透明

noFill()  函數

noFill();  // 使得填充色消失

noStroke()  函數

noStroke();  // 使得輪廓線不再被繪製。如果同時使用noFill()和noStroke(),屏幕將不繪製任何東西。 

strokeWeight()  、strokeCap()  、strokeJoin()  

這三個是線條屬性函數。
strokeWeight(number)  // 繪製線條的寬度。number -- 數字

strokeCap(ROUND)   // 端點形狀,ROUND 則線條爲圓形的端點;SQUARE則是方形端點;PROJECT則混合了兩者,

                   // 將SQUARE 型端點延伸至線的半徑長度。

strokeJoin(BEVEL)  // 設定線段或者圖形輪廓連接方式。BEBEL 以方角連接;MITER 默認的點方式連接;ROUND 創建一條曲線。


smooth()  、noSmooth()  

smooth()   // 開啓平滑功能(即抗鋸齒)
noSmooth()   // 關閉平滑功能(即抗鋸齒)


ellipseMode() 、rectMode()   繪圖模式

ellipseMode(CENTER)  // 默認參數值爲CENTER。RADIUS模式仍然使用前兩個參數來設置圓心,
                      但是第三、四個參數代表的是橢圓長半軸和短半軸。CORNER模式使得ellipse()函數的工作與rect()相似,
                      頭兩個參數設置的是橢圓外切矩形的左上角座標,而後兩個則是該矩形的寬和高(橢圓的長軸和短軸)。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章