強 大 的 P 5
*本期文章由導師蔡雨利編寫
很多童鞋對新媒體藝術感興趣
而背後離不開創意程式設計（P5）
P5究竟是什麼？
https：//
p5js。org
官網
我也無法給出準確的定義。
一千個讀者就有一千個哈姆雷特。
廢話不多說
我們先來看看它能幹嘛。
01
P5×互動視覺
互動視覺≠動態視覺
觀眾是透過操縱滑鼠，對這個作品眨眼，揮動手臂等方式，跟這個作品溝通。
互動視覺，只有程式設計能做。程式設計底下，p5作為一種入門級的程式設計工具，最好學。
類似效果用p5來實現是什麼樣的？
02
P5×動態網頁
無損表達
運用p5來實現互動動畫的創作是比較簡單的，你放在網頁上的作品就不再是靜態的一個圖片或者影片啦，可以將自己的互動作品讓觀眾實時的體驗到，達到無損表達。
by Wipawe Sirikolkarn
類似效果用p5來實現是什麼樣的？
03
P5×情感設計×硬體程式設計
硬體程式設計跟P5有什麼關係
下面這個作品，是我的一個朋友的情感設計作品。
她設計了4個不同性格的按鈕，每個按鈕對於“有手指要來按我啦”， 作出的反應是因性格而變的：膽小的按鈕，激動的按鈕，暴躁的按鈕。。。
最後她拿P5給所有按鈕小朋友們，寫了一個狀態監控器。實時監控按鈕們的心跳。做了一層資料視覺化。
膽小的按鈕
興奮的按鈕
用p5寫的按鈕“心電圖” （資料監測）by Hayley Hwang
類似效果用P5來實現是什麼樣的？
04
P5×聲音互動
什麼是聲音/聲音從哪來/最終要表現成什麼
什麼是聲音？
聲音從哪來？
最終要表現成什麼？
我是一個對著話筒唱歌螢幕上的圖案會隨之變動的作品？我是一個點選螢幕的不同區域，會產生不同旋律的樂器？我是一個視覺視覺化一段音訊的視覺效果作品？以上這些疑問，每一個不確定的點，其實都是把控制權轉交給創作者——你。
當然，我說的是P5能實現的基本能力，創意不在其中。
類似效果用p5來實現是什麼樣的？
05
P5×動態捕捉×裝置藝術
三維的互動視覺
世界上總有滑鼠控制不了的東西。
但是創意程式設計創造的內容還是一樣的，就像下面這個我自己的作品，背後的線其實就是拿創意程式設計寫的一個簡單的互動視覺，但把它跟舞者的動作結合起來了就會有不一樣的效果。
by yuliiic
類似效果用p5來實現是什麼樣的？
06
P5×機器學習×圖片識別
技術的東西也可以很有詩意和藝術感
P5家族裡新有的
http：//
ml5。org
， 就是一個讓你最簡單的用機器學習來做藝術設計創作的方式。
類似效果用p5來實現是什麼樣的？
07
P5×資料視覺化
資料視覺化關鍵在於資料
假設你有了一個數據，是一個家族的族譜（對就是這麼傳統），這個時候你不想以傳統的家譜的形式畫出來。想讓家譜上你家和你舅舅家，按照實際離得地理距離的比例，展現在視覺上。
你可以用ps一個個把你跟你舅舅家，你跟你姑姑家，奶奶家。。。單獨畫出來。你家多大，決定了你的工作量。
但是在P5裡，這就是一個方法：把兩家相隔xx遠的畫出來。 程式設計讓它更加具有工具的能力，提高了我們的效率。
類似效果用p5來實現是什麼樣的？
08
P5×為你寫詩
創意人也很浪漫
對自然語言的拼接其實也是創意人用程式設計經常做的事情。
比如從電影“霸王別姬”的所有臺詞中，隨機取出詞語，拼出一個七律詩。
也比如下面的這個作品，透過把著名音樂人Bob Dylan的歌詞，抽取出來，變成一個動態拼接歌詞的創作……
原網站體驗連結 - 電腦開啟效果更佳
https：//www。
jasondavies。com/wordtre
e
by Jason Davis
類似效果用p5來實現是什麼樣的？
列了上面這麼多，不知道看文章的你能不能對P5下一個定義。
但如果真的要給P5下個定論，可能很難像描述photoshop一樣根據它的應用場景來下定論，因為P5其實是一種簡單的程式語言，可以支援多種技術。
比如說AR技術，大部分AR是透過Unity來實現的，但是背後驅動的是程式設計的技術，所以懂了一些簡單的程式設計去學習的話會掌握的更紮實。
但這也不是說P5本身不能做AR的事情，instagram，snapchat和抖音上各種實時臉部貼紙，都能用P5來簡單的製作出來。
P5究竟是什麼
①
它的誕生使命
就是讓設計師能玩轉更多的創意，
所以它是
最適合設計師學習的程式語言
。
（感謝創始人我的老師Lauren McCarthy和前身Processing社群）
②
它所代表的技術
是網頁程式語言javaScript的一個分支
稍微瞭解網站設計的朋友們可能知道以下三大金剛：
那p5是最右邊JS下的一個小分支。
尤其是學生時代的未來設計師們，P5
可以讓你探索更多的可能性
。
那麼年輕，幹嘛要被定性，learn coding to arm and popularize your creativity - 讓程式設計成為另一個幫你表達想象力的武器。
讓你掌握用程式碼做設計
節省設計時間，提高工作效率
探索設計的新趨勢
-
本期課程新內容音畫互動、ML5
Yuli Cai
http：//
caiyuli。com
新媒體藝術家，畢業於紐約大學itp
曾留校任職，擔任Research Resident
itp：美國Top3新媒體實驗室
