Basic (processing教學)

第一篇我們就直接從最基本的開始說,

當然你可能長長看到我說就是這樣,

因為這也是CCC對我說的,人家就是這樣規定這樣寫.

這裡先講到

size();

background();

stroke();

strokeWeight();

point();

每道processing的指令後都會需要一個括號,

它是用來輸入數值的,如果沒填,它就會有一個默認的值被自動填入,

每個指令為何後面都有一個分號,還有指令大小寫有影響,要注意別打錯.

而processing每行指令有先後關係,越上面的越先執行,

當然在for()裡面再加for()之類會有例外,但基本上就是越上行的越優先執行.

當任一行文字前有//時,processing都會視別那行//之後的字為無效,

所以你就可以用來打註解,但//並不影響下一行的執行,

但在processing裡似乎無法識別中文.所以下程式碼我打得中文你還是得殺掉.

size(200,200);

//這決定你的畫面大小,如果你什麼都不填默認值就是100 x 100

background(0);

//這決定你的背景顏色,可以是黑白灰,0是黑,255是白,中間的數就是深淺灰

//亦可以是彩色的,那你就要填RGB三數值寫法就會是background(0,0,255);  藍色的底

stroke(255,0,0); //stroke指得是這一筆的顏色,可能是一點或是一劃
strokeWeight(10); //strokeWeight指得是這一筆或一劃的粗度,默認值為1
point(50,100); //point就是點,processing裡的(0,0)點都在左上角

strokeWeight(20);
stroke(255);
point(100,100);

strokeWeight(30);
stroke(0,0,255);
point(150,100);

saveFrame("p025-##.jpg");

//saveFrame()是當你想把圖片存起來時的指令

//saveFrame("???-###.jpg");

//基本上???就是你的檔名,###是你的編號共有幾位數,靠你要輸出很多張做 GIF時決定

//至於能輸出什麼類型確定的是tif跟jpg,其他你可以自己嘗試

所以結果你可以看到我要三點分別在(50,100),(100,100),(150,100)上

同時三點分別為紅白藍,點的大小分別為10,20,30

Try it. :)