動效乾貨——【Processing入門指南】代碼藝術|新媒體藝術|人機交互|視效

01-28

最近發現網路上出現了一些收費的 Processing 培訓班。我想到知乎上看到過的一句話：

「自由」、「開放」、「平等」、「分享」並不僅僅是個人價值觀和意識形態偏好，這些東西是被寫死在互聯網的基礎協議中的。

以下是入門指南，所有內容都是可以免費觀看的：

Processing 是一個開源項目。

一、官方教程

Tutorials Processing.org

從「Level：Beginner」最基礎的怎麼畫一個簡單圖形，修改顏色，簡單的滑鼠、鍵盤交互。

到真正的代碼基礎，包含Arrays數組、Function函數、Class類的基礎概念和運用。以及 Processing 自帶的一些方法，Curve曲線、shape形狀、matrix矩陣變換等等。可以做出一些能看的效果了。

還有二維數組操作等等，是「Level：Intermediate」進階準備。以及聲音交互、硬體交互、網路。

但這些我不常用，我自己也沒有深入去看。

這裡 Processing 自帶的 PVector 這個方法是個重點。它在數學裡是「向量」的概念，在物理里是「力」的概念，在交互動畫里是一種驅使對象動起來的很科學的手段。P3D是在 Processing 里實現3D效果的方法。

Examples Processing.org 這裡也收集了一些例子。

Language Reference (API) Processing 2+ Processing 自帶方法的查詢手冊，也就是API文檔。以後用的時候想不起來的就查這個。

以及 Libraries 庫的的擴展，學會 Class 類以後就能自己操作了。就是使用別人寫好的代碼片段，放到自己的項目里。簡單調用，實現一些功能，避免自己重複勞動。

看完這些基礎的東西以後，我去關注一個人，以及他出的一本書。

二、Daniel Shiffman

他是紐約大學Tisch藝術學院助理藝術教授。Processing 官方教程里有幾個章節是他寫的。他出過兩本書，第一本是Learning Processing，但是看過官方教程的也就不用看這本書了。

① 一本書

我看的是這本The Nature of Code。你可以付費，也可以免費在線閱讀，並下載書中出現的例子的源代碼。

從左邊的目錄可以看到，這本書真的很硬！講了很多自然模擬演算法、交互動畫、視覺效果的內容。甚至還包括了遺傳演算法、神經網路的原理。

書里有配圖，有例子，行文有趣又清晰明了。而且很書面語，即使你英文不好，直接拿google機翻都是可以看懂的。

介紹THE EVOLUTION OF CODE 遺傳演算法的一個段落：

講解 AUTONOMOUS AGENTS 自主代理的一個段落：

② 視頻

https://www.youtube.com/user/shiffman/featured 他的youtube主頁，開設了很多專題。其中我重點跟 Coding Challenge 這個專題。他每期都親自碼一個效果，已經有70多期。從他教學的語氣和肢體語言中可以感受到很大的熱情和激勵。

另外還有一些 Processing、P5 相關的基礎教程，以及上面介紹的 The Nature of Code 這本書的教學視頻。不過我直接看的在線書，就沒有看這些了。

英文不好的朋友，youtube已經有「自動字幕」和「字幕自動翻譯」的功能。開啟方法：

三、社區

Algorithmic Design 很多人在上面上傳自己的作品，有些很不錯，有些很差勁，自己看。能查閱到源碼。

其他社區請自己去收集。

相信入門這些以後你已經清楚下一步該怎麼走了。

看看人家是怎麼做的，再看看國內有些人是怎麼做的。那些把人家公開的內容拿過來，以各種旗號辦班收費的人，我覺得你們應該多去工業界做點實事，少在藝術圈子、學生圈子搞虛頭巴腦的東西。

如果一個人有豐富的行業經驗，拿出來分享並收費，沒毛病。

如果一個人拿別人的成果來販賣；利用信息不對稱，把很初級很入門的內容，並且是別人已經公開過的內容拿來販賣——有毛病。

也在這裡奉勸各位看官，在未來（或當今）的社會裡，「自學能力」「終身學習的覺悟」「收集信息、屏蔽噪音」是一個普通人保持不被淘汰的根本。

以上就是 Processing 的入門指南，請上車。