不知道你是否了解過Processing 語言的家譜（如下圖所示）。與人類語言一樣，編程語言同樣屬于相關語言的家族。而今天，要介紹給大家的的，即其家族成員之一的 p5.js

不知道你是否了解過Processing 語言的家譜（如下圖所示）。與人類語言一樣，編程語言同樣屬于相關語言的家族。而今天，要介紹給大家的的，即其家族成員之一的 p5.js

點擊圖片進入 >>>> 魔法Processing入門課程！

簡單來講，p5.js 是一個庫(庫是 JavaScript 庫。)配上許多工具，它讓編程愛好者、藝術家、設計師們可以輕松使用 JavaScript 語言進行創(chuàng)意編程。

  01 p5.js是什么？

p5.js是個基于JavaScript 編程語言的創(chuàng)意編程程式庫，也是一個免費的開源網(wǎng)頁版軟件。它的目標用戶是藝術家、設計師、教育家、初學者以及任何其他人。p5.js除了可以作為一個網(wǎng)頁版畫板讓你的作品從靜態(tài)到動態(tài)，更可以調用聲音、攝像頭等完成人與作品的互動。隨著p5.js的不斷更新和發(fā)展，用戶更是可以利用ml5的庫完成圖像識別、機器學習等神經(jīng)網(wǎng)絡的功能。

水上落日 作者：Justin Chambers

作為一個設計師，你或許會因為復雜的“編程世界”而產(chǎn)生畏懼，那么界面簡單語言庫親人的p5.js 就是最適合你入門創(chuàng)意編程的最佳工具。

  02 為什么要學p5.js？

我們都有很多的想法和創(chuàng)意，透過編程來表達自己的創(chuàng)意和藝術構想，是一個全新的方式，也是一個很好的方式。設計師做設計，最初是使用的紙和筆。到后來可以使用電腦軟件來輔助設計，例如大家熟悉的Ps、Ai、maya、3Dmax等等。

粒子時鐘作者：Fabian Kober

當今這個時代的設計師需要學習編程，因為這樣就可以不受設計軟件的影響和限制，進行更加自由的創(chuàng)作，讓自己的想象力和創(chuàng)意盡情的揮灑出來！當你自己能夠制作出用來創(chuàng)作的工具時，那么唯一限制你的就是你的想象力了。

3維地震數(shù)據(jù)可視化 作者：Daniel Shiffman

P5是Processing的升級版，P5和Processing一樣，都有全套的繪圖功能，但它并不受限于在畫布中作畫，而是把整個瀏覽器頁面都變成自己的“繪布”，因此它還提供了一系列的附加函數(shù)庫，例如p5.dom可以使你很容易地和其他的HTML5對象發(fā)生互動，這些對象包括文字，輸入框，影像，攝像頭和聲音。

交互藝術演示作者：Daniel Shiffman

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

 03 零代碼基礎學習創(chuàng)意編程p5.js 

主講老師

鄭老師

利茲大學-數(shù)字與交互設計-碩士

北京交互工業(yè)工作室

數(shù)字交互設計教師

以pass with distinction的優(yōu)秀畢業(yè)成績畢業(yè)于英國利茲大學，并同時受導師推薦進入Beyond Consulting Ltd.(UK)咨詢公司任APP端交互設計師。曾先后代表公司參與與BBC合作調研，參加創(chuàng)新創(chuàng)業(yè)大會。學術上，著有EI收錄論文一篇，多項實用新型專利和設計獎項。

  課程大綱  

課時 1 從設計師思維到編程思維去認識p5.js

課程內容：p5.js界面簡介、基礎繪畫操作、編程繪畫思維、基礎debug

學習成果：可以互動的吉祥物

課程產(chǎn)出成果

p5.js

課程內容：常用基本函數(shù)應用與介紹、自定義函數(shù)應用與介紹

學習成果：重復的動態(tài)圖形

課程產(chǎn)出成果

課時 3 p5.js中用筆記本電腦就能完成的交互

課程內容：加載圖片、加載字體、調用聲音、調用攝像頭

學習成果：聲控相機

課程產(chǎn)出成果

課時 4 難住設計師的編程其實是數(shù)學和物理

課程內容：基礎物理知識，常用數(shù)學圖形、數(shù)組

學習成果：碰撞掉落小球

課程產(chǎn)出成果

課時 5 創(chuàng)意編程中的滿天繁星叫“質點”

課程內容：分類的格式和寫法

學習成果：生長的星云

課時 6 長代碼的精簡和整理

課程內容：標簽頁的調用、控制桿的范例

學習成果：多種星云變化

課程產(chǎn)出成果

processing

課程內容：翻譯網(wǎng)站，如何修改細節(jié)，書寫格式修改

學習成果：基于processing修改的作品

課時 8 ml5機器學習的初窺

課程內容：圖像識別、人體捕捉、機器訓練、風格轉化

學習成果：利用ml5的創(chuàng)意設計作品

課程產(chǎn)出成果

ml5

課程內容：ml5網(wǎng)站介紹、TensorFlow網(wǎng)站介紹

學習成果：利用ml5的創(chuàng)意設計作品2

課程產(chǎn)出成果

課時 10 舉一反三

課程內容：邏輯整理、尋找范例、試錯修改；與arduino交互的延伸應用

學習成果：自主設計作品

  課程時間  

3月22日~3月26日 19：00-21：00

3月29日~4月2日 19：00-21：00

 收費情況：6000元 

ACG內部學院咨詢督導報名，限額5人

 課堂模式 

從技術、概念入手—老師實戰(zhàn)演示—學生實戰(zhàn)—老師分屏細改，就本節(jié)課的內容，布置相應的應用該技術的作業(yè)—下節(jié)課進行單人展示、老師進行批改

 課程報名 

掃描上方二維碼，咨詢報名吧！