最潮交互課程系列1：魔法Processing入門課程！

發(fā)布時(shí)間：2020-04-14 藝術(shù)留學(xué)咨詢：400-612-8881

PROCESSING入門小班課：相比較與Java，processing通過激勵(lì)性的可視化反饋來幫助非程序員來進(jìn)行編程的入門學(xué)習(xí), 使得數(shù)字創(chuàng)意的表達(dá)更加便捷。

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

01 PROCESSING是什么？

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

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

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

02 PROCESSING可以做什么？

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

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

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

Dave Whyte 作品

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

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

03 PROCESSING入門小班課

課程簡(jiǎn)介

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

主講老師

劉老師

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

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

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

效果展示

課程內(nèi)容

課時(shí)1 小試牛刀

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

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

課時(shí)2 變量與交互

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

家庭作業(yè)：繪制一個(gè)有鼠標(biāo)交互的海底場(chǎng)景

課時(shí)3 聲

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

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

課時(shí)4 編程技巧

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