學(xué)設(shè)計怎么可以不知道Processing？僅僅用畫筆和繪圖軟件來展示自己腦中的構(gòu)想，不如多掌握一門魔法般的技能——編程。在程序世界中，你就是造物主。在深入接觸的過程中，你還可以了解萬事萬物的運行原理，創(chuàng)造各種粒子系統(tǒng)，模擬各種自然現(xiàn)象。

學(xué)設(shè)計怎么可以不知道Processing？僅僅用畫筆和繪圖軟件來展示自己腦中的構(gòu)想，不如多掌握一門魔法般的技能——編程。在程序世界中，你就是造物主。在深入接觸的過程中，你還可以了解萬事萬物的運行原理，創(chuàng)造各種粒子系統(tǒng)，模擬各種自然現(xiàn)象。

01 PROCESSING是什么？

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

它是Java 語言的延伸，并支持許多現(xiàn)有的 Java 語言架構(gòu)，不過在語法 (syntax) 上簡易許多，并具有許多貼心及人性化的設(shè)計。

Processing將Java的語法簡化并將其運算結(jié)果“感官化”，讓使用者能很快享有聲光兼?zhèn)涞慕换ナ蕉嗝襟w作品。Processing的源代碼是開放的，和近來廣受歡迎的Linux 操作系統(tǒng)、Mozilla瀏覽器、或Perl語言等一樣，用戶可依照自己的需要自由裁剪出最合適的使用模式。

02 PROCESSING可以做什么？

Processing誕生于鼎鼎大名的MIT MEDIA LAB。它最擅長創(chuàng)作圖像，無論是靜態(tài)或是動態(tài)，二維或是三維。既能做游戲，也能寫音樂。

當某一天，你嫌photoshop提供的功能還不夠強大，無法實現(xiàn)自己想要的效果，你完全可以自己寫一個筆刷，寫一個濾鏡，對圖片進行像素級別的操控。

下面的這些作品，就出自Processing之手。

Dave Whyte 作品

國外許多頂尖設(shè)計院校，如紐約大學(xué)，帕森斯設(shè)計學(xué)院，皇家藝術(shù)學(xué)院，以及國內(nèi)的清華美院，同濟設(shè)計與創(chuàng)意學(xué)院和中國美術(shù)學(xué)院等都開設(shè)創(chuàng)意編程課程，Processing是當今交互設(shè)計師和新媒體藝術(shù)家必備工具。

現(xiàn)在越來越多的創(chuàng)意公司，都在尋找會編程的交互設(shè)計師或是懂設(shè)計的程序員，他們是各公司爭搶的對象。我們的招聘合作伙伴包括：阿里云數(shù)據(jù)可視化團隊，SONY, W+K, FORG，NAKED Inc.等。

03 PROCESSING入門小班課

課程簡介

Processing是一個面向電子藝術(shù)和視覺交互設(shè)計而開發(fā)的編程語言, 它建立在Java編程語言的基礎(chǔ)之上，擁有簡化的語法和圖形編程模型。相比較與Java，processing通過激勵性的可視化反饋來幫助非程序員來進行編程的入門學(xué)習, 使得數(shù)字創(chuàng)意的表達更加便捷。

主講老師

劉老師

薩塞克斯大學(xué)-人機交互-博士

薩塞克斯大學(xué)-游戲與多媒體環(huán)境-碩士

曾參與薩塞克斯大學(xué)創(chuàng)意信息技術(shù)部SCHI LAB多感知交互博士科研實習項目，了解視覺，聽覺，觸覺，味覺，嗅覺等多種感知交互前沿知識并應(yīng)用于作品集中。主攻數(shù)字媒體，人機交互作品集，游戲設(shè)計項目的編程部分。擅長根據(jù)學(xué)生的個性與喜好進行針對性交互與游戲創(chuàng)意啟發(fā)，引發(fā)對交互設(shè)計的興趣。

效果展示

課程內(nèi)容

課時1 小試牛刀

我要和你聊聊Processing、Processing怎么裝、寫下你的第一個Processing小程序、給畫板加背景、畫個長方形, 畫個橢圓、上色兒、描邊兒、畫畫兒順序、beginShape() 之畫你自己想要的圖形、課堂練習："堆"雪人、編程出錯很正常, 控制臺來幫忙、關(guān)于線條、保存、透明度的設(shè)定、可參考網(wǎng)頁。

家庭作業(yè)：準備海底生物的圖片(透明背景), 下節(jié)課用；臨摹極簡主義畫家的作品(以Piet Mondrian, Sophie Taeuber, Josef Albers等畫家為例)。

課時2 變量與交互

課時1知識點回顧與作業(yè)講評、加注釋、變量的類型、變量的運算、變量的范圍、鼠標交互、鍵盤交互、條件判斷之if語句、條件判斷之else語句、加載圖片、貝塞爾曲線。

家庭作業(yè)：繪制一個有鼠標交互的海底場景

課時3 聲

課時2知識點回顧與作業(yè)講評、安裝聲音擴展庫、音頻播放、停止和回放、音量和聲音強度、聲音交互、方塊人、多種聲音、聲音錄制、數(shù)據(jù)映射。

家庭作業(yè)：使用minim庫創(chuàng)作一個音畫互動程序或者互動樂器

課時4 編程技巧

課時3知識點回顧與作業(yè)講評、If else條件語句、大于和小于語句、更多的條件語句、“與”和”或”、Boolean布爾邏輯、for循環(huán)、for循環(huán)的圖形繪制、random隨機數(shù)的生成、Arrays數(shù)組、更多println命令相關(guān)。

家庭作業(yè)：創(chuàng)作一個算法制圖工具

課時5 函數(shù)與代碼簡化

課時4知識點回顧與作業(yè)講評、更多注釋的解釋、函數(shù)入門、標簽頁、函數(shù)的數(shù)據(jù)輸入、函數(shù)的數(shù)據(jù)輸出、用函數(shù)來輸出圖案吧、時間控制。

家庭作業(yè)：使用函數(shù)和標簽，簡化一個之前的程序

課時6 三維空間

課時5知識點回顧與作業(yè)講評、P3D渲染器、位置變換、矩陣變換、繪制立方體、球體

、定向光、環(huán)境光、自定義3D圖形、實時范例演示。

家庭作業(yè)：創(chuàng)作一個可交互的3d場景

課時7 影像與攝像頭

課時6知識點回顧與作業(yè)講評、讀取視頻、讀取攝像頭影像、調(diào)整攝像頭影像的尺寸、調(diào)整攝像頭影像的顏色、讀取像素點、視頻像素點、實時演示1&2。

家庭作業(yè)：使用攝像頭和其中的像素制作一個交互程序

課時8 粒子系統(tǒng)

課時7知識點回顧與作業(yè)講評、初識粒子系統(tǒng)、類的用法、粒子系統(tǒng)詳解、Live Coding技術(shù)。

家庭作業(yè)：制作一個交互粒子系統(tǒng)

課時9 基于GUI用戶界面的粒子系統(tǒng)

課時8知識點回顧與作業(yè)講評、粒子連線、GUI 按鈕、GUI 滑塊、實例演示。

家庭作業(yè)：為之前的一個作業(yè)加上GUI用戶界面

課時10 數(shù)學(xué)

課時9知識點回顧與作業(yè)講評、π介紹、關(guān)于π的更多、Sin介紹、使用sin()和cos()繪制圓

倫敦時裝學(xué)院、紐約時裝學(xué)院