雖然圖形用戶界面(GUI)早在二十年前成為主流，但是基礎(chǔ)編程語言的教學(xué)到今天仍是以命令行接口為主，學(xué)習(xí)編程語言為什么要那么枯燥呢？人腦天生擅長空間辨識，圖形用戶界面利用的正是這種優(yōu)勢，加上它能提供各種實時且鮮明的圖像式反饋 (feedback)，可以大幅縮短學(xué)習(xí)曲線，并幫助理解抽象邏輯法則。舉例來說，計算機(jī)屏幕上的一個像素(pixel) 就是一個變量值(the value of a variable) 的可視化表現(xiàn)。Processing將Java的語法簡化并將其運(yùn)算結(jié)果“感官化”，讓使用者能很快享有聲光兼?zhèn)涞慕换ナ蕉嗝襟w作品。Processing的源代碼是開放的，和近來廣受歡迎的Linux操作系統(tǒng)、Mozilla瀏覽器、或Perl語言等一樣，用戶可依照自己的需要自由裁剪出最合適的使用模式。Processing的應(yīng)用非常豐富，而且它們?nèi)孔袷亻_放源代碼的規(guī)定，這樣的設(shè)計大幅增加了整個社群的互動性與學(xué)習(xí)效率。這里給大家介紹一下如何使用 Processing 來繪制簡單的圖形。

首先，需要下載運(yùn)行 Processing 軟件

下載地址：https://processing.org/download/，需要根據(jù)自己電腦的系統(tǒng)選擇 Processing 軟件

下載的文件為壓縮文件，直接解壓，雙擊解壓文件中的 .exe 執(zhí)行程序就可以打開軟件，打開后，效果如下圖所示：

如果你還不是很了解 Processing 軟件的操作，可以先看一下這篇文章：http://lifestyle201.com/article-883.html

我們說要用 Processing 來繪制簡單的圖形，是真的要繪制嗎？當(dāng)然不是了，我們是要用代碼來“畫出”圖形，讓我們開始吧！

1、繪制一個窗口

使用命令：size(x,y)

如圖所示，代碼的運(yùn)行結(jié)果為創(chuàng)建了一個像素為 480 * 120 的窗口

2、在窗口上繪制一個點

使用命令：point(x,y)

如圖所示，代碼的運(yùn)行結(jié)果是在窗口中創(chuàng)建了一個像素為 1 的點

3、繪制一條直線

使用命令：line(x1,y1,x2,y2)

如圖所示，代碼運(yùn)行結(jié)果是窗口中創(chuàng)建一條直線，x1,y1 和 x2,y2 分別為直線的兩個端點的坐標(biāo)

4、繪制長方形
使用命令：rect(x,y,width,height);

如圖所示，程序運(yùn)行效果為在窗口創(chuàng)建了一個長方形，長 220，寬為 40，定點坐標(biāo)為 （180，60）

5、繪制橢圓

使用命令：ellipse(x,y,width,height);

如圖所示，程序運(yùn)行的效果是，在窗口繪制三個圓形，其中注意的是，如果圓的尺寸較大，超出了窗口的范圍的部分是不會顯示出來的。

6、繪制圓弧
使用命令：arc(x,y,width,height,start,stop);

如圖所示，程序運(yùn)行效果為在窗口繪制不同角度的弧形。

    Processing 中簡單基本的圖形繪制語句基本是這些，你學(xué)會了嗎？利用這些指令，我們就也可以創(chuàng)建相對復(fù)雜的圖形，一起試試吧！

創(chuàng)造源創(chuàng)客，創(chuàng)意自奧松

--------------------------------------------------------------------------------------------------------------------------------------------------------------

奧松機(jī)器人官網(wǎng)：www.robotbase.cn

秀創(chuàng)客教學(xué)視頻：supermaker.tv

微信號：奧松機(jī)器人

京東：alsrobot.jd.com

淘寶：robotbase.taobao.com

天貓：robotbase.tmall.com

QQ群：16816196（討論，解惑）

新浪微博：@奧松機(jī)器人基地