Processing新手不完全自學指南 | 001初識Processing，製作你的第一個Processing程序

Processing新手不完全自學指南 | 001初識Processing，製作你的第一個Processing程序

來自專欄 Processing生成藝術

P.s. ：因本人水平一般，能力有限，所以文中肯定會有一些不妥之處，還望大家多多指正。

也希望想要學習Processing的同學可以從其他渠道搜集資料學習，免得被我的「片面之詞」誤導，畢竟我覺得學習這個東西，需要保持懷疑的態度，對於一些學習資料的準確性多方驗證下總是沒錯的。

最後，希望能真切的幫助到想要學習Processing的新手們。

---

Processing是什麼？

如果要我介紹，那就是這樣子的：

Processing是一個用來學習創意編程的工具。

再簡單點也可以是：

Processing是一種編程語言。

（我覺得搜索工具的提示已經很直白了：Processing-programming language）

當然啦，你也可以從其他的角度或其他的敘述方式來介紹Processing。

比如說，你也可以這樣介紹：

Processing是一種具有革命前瞻性的新興計算機語言，它的概念是在電子藝術的環境下介紹程序語言，並將電子藝術的概念介紹給程序設計師。

或者是這樣：

Processing是一種計算機語言，以JAVA語法為基礎，可轉化成JAVA程序，不過在語法上簡易許多。所有的原始代碼及開發環境開放，主要用於藝術、影像、影音的設計與處理。

和這樣：

目前來說，Processing是對設計師最友好的編程軟體。

如果你是設計師，Processing能用最簡單的方式，最鮮活的視覺形式讓你的想法通過編程實現，其功能強大，簡單易學，插件很多，擴展性高，近期在編程語言排行榜的位置越來越靠前。

並且，你也可以通過Processing與其他軟體以及硬體的交互、整合、輸出屬於你自己的作品。

---

Processing的由來？

Processing是在2001年的時候由美國麻省理工學院媒體實驗室 (M.I.T. Media Laboratory) 旗下美學與運算小組

(Aesthetics & Computation Group) 的成員Casey Reas與Ben Fry創造的。

得益於Casey和Ben擁有開放源碼的胸襟，所以，當一個新手想要了解學習Processing的時候，會發現可以很輕鬆的從 www.processing.org （Processing的官網）下載安裝軟體，並且獲得一些相關的教程資料。

---

幾本自學Processing可以選擇的參考書：

如果你想通過書籍學習Processing的話，可以優先考慮下面的幾本書：

新手入門了解可選擇《愛上Processing》，英文名《Getting Started with Processing》。

Processing的原作者Casey Reas與Ben Fry寫作了唯一一本著作《Processing: A Programming Handbook for Visual Designers and Artists》，該書目前是Processing方面的最權威教程，目前中文譯本為《Processing語言權威指南》。

此外，如果對用代碼描述物理世界有興趣可以看看《The Nature of Code》。

最後推薦的是《Visualing Data》，意思是數據可視化。

以上4本書的所有代碼例子都直接包含在processing的example中。

（備註：這幾本書來自於Processing_360百科的推薦，我印象中也有朋友推薦給我這幾本書，說這些書蠻不錯的，雖然我自己沒看過，不過寫在這裡，供大家參考。）

---

Processing特點：

直觀/易上手/開源/功能強大

我在這裡借用下 用漫畫帶你看懂Processing是個啥？這篇漫畫中的插圖：

---

為何很多創意領域的人士比較喜歡Processing：

由於Processing把很多有用的東西集成到了，而且得益與直觀、易上手的特性，所以，即使你之前對編程一竅不通，也可以在短時間內學習一點Processing的知識後，實現一些編程創作。

特別是對於來自創意領域的人士（比如平面設計師、建築師、音樂家）來說，藉助Processing，除了容易上手編程之外，也可以很方便的把Processing結合進自己的專業領域，實現跨領域、跨學科創作。

---

如何安裝Processing?

第一步：登陸 www.processing.org/download/

（推薦翻牆下載，因為該網頁不翻牆的話下載速度很慢。如果翻牆不方面，也可以通過下方的鏈接下載http://my.ofcourse.io/group/2/thread/3）

第二步：找到屬於你的電腦操作系統的版本，點擊鏈接自動跳轉下載

第三步：下載完成後解壓。

Windows系統直接點擊文件夾內的Processing.exe

即可啟動。

Mac OS系統 – 打開Finder-拖入解壓後的程序文件-安裝-然後到應用程序里找到Processing的圖標即可啟動。

---

Processing的操作界面

可以參考這張圖

---

如果你看到這裡已經想打瞌睡了，不妨可以跟著下面的步驟來製作一個簡單的程序練練手。

第一個Processing程序

在代碼編輯區輸入：

Void Setup() 和 Void Draw()

先說明下，這裡的Setup是放置啟動這個程序時用到的代碼

而Draw是需要持續運行的代碼

也是這個程序的主體部分，比如哪裡會出現圖像變化，哪裡會有顏色變化等等…

其實你現在點擊左上角的 三角形（開始運行按鈕）的話，你會發現這個程序已經可以運行了。

效果如下圖所示：

雖然現在只是一個默認的大小的灰色窗口，但是你可以先關掉這個灰色窗口，然後試著輸入其他的一些參數，改變它。

比如：

你可以在這裡輸入Size(500,600);

這裡的Size是尺寸命令。

後面括弧里的數值你可以任意更改，它們分別代表寬度和高度。

而最後的分號則代表結束這個命令。

特別要注意的是，一定要切換到英文狀態輸入這些代碼，很多國內的新手容易中英文輸入法混淆著用……然後出現各種各樣稀奇古怪的小問題。

你現在可以再點擊運行按鈕，你會發現窗口變大了。

---

所以，如果這麼看Processing的話，是不是真的蠻簡單的？

好吧，時間有限，今天到此結束，如果感興趣的話，可以留意下我的下一篇不定期更新。

推薦閱讀：