跳至內容

Processing入門指南/初試身手

維基教科書,自由的教學讀本

接下來,你將創建自己的第一個Processing程序!

一段代碼

[編輯]

你或許已經對編程有所了解,傳統的編程都是通過複雜、嚴苛的代碼來實現的。Processing也是由代碼編寫的,但Processing的語法要簡單得多。

試着在Processing中輸入或複製如下代碼:

ellipse(50, 50, 50, 50);

眼見為實

[編輯]

你會在工具欄的最左端發現一個三角形的標記,就像CD機或MP3上的播放按鈕。用鼠標按下它,稍等,你就會看到如下的效果:

Processing的輸出效果
Processing的輸出效果

這就是剛剛那一行簡單的代碼所起到的作用。

抽絲剝繭

[編輯]

現在我們已經用簡短的代碼實現了一個效果,那麼它的含義是什麼呢?

ellipse()是一個方法。方法能夠完成某個行為,或一系列行為。這裏的ellipse()方法的作用便是在窗口中畫出一個橢圓。

ellipse()知道如何畫橢圓,但我們怎樣告訴它在什麼地方,畫一個多大的橢圓呢?這就需要參數。在ellipse()的括號中有四個參數(50, 50, 50, 50),分別代表橢圓中心的x坐標,y坐標,橫軸長度,豎軸長度。

我們看到,效果窗口顯示的是一個正方形的內容區域,它的大小是100×100像素。這是「畫布」的默認大小,我們也可以自己設定一個合適的大小,這會在後面講到。

修修改改

[編輯]

你或許仍對代碼抱有疑問,那麼就讓我們來修改一下參數,看看效果會發生怎樣的變化。這能幫你更好地理解代碼的作用。

ellipse(0, 50, 50, 50);
ellipse(0, 0, 50, 50);
ellipse(50, 50, 100, 50);
ellipse(50, 50, 100, 200);