Contents
p 5.j s Se l f Por tr ait 程式自畫像
4
p 5.j s Se l f Por tr ait 程式自畫像
8
p 5.j s Gr id bas e d 創意圖形
12
Ran d om 創意疫情圖騰
16
動態之現代藝術海報
20
Col o r 情緒變換的色彩
24
Mic r o;D r aw RO BO T
28
P5.js Brush 滑鼠筆刷
《哈哈ㄎ一ㄤ掉了》 此設計笑臉圖樣會跟隨鼠標移動，並且留下筆刷痕跡。
Code https://openprocessing.org/sketch/1190176
Self Portrait
Code https://openprocessing.org/sketch/1197592
《一鍵上妝》 原本沒氣色的臉，按下鼠標後，就化上了有朝氣的妝容。
Before
After
Grid Pattern
《eyes》 閉上的眼睛，點下鼠標後，眼睛會張開呈現不同顏色的瞳孔
Code 作品連結 : https://openprocessing.org/sketch/1203945
Random Text 創意疫情圖騰
《蔓延》 紅色三角團物代表著混沌、對疫情失控的意識恐懼，與 交錯縱橫的黑線為負面體的象徵。 按下鼠標出現正面向標語「戴好口罩、 乖乖待在家、 吃 飽飽 、一起變胖胖」。
Code 作品連結：https://openprocessing.org/sketch/1209392
Random Text 動態之現代藝術海報
《框》 我的海報參考當代新幾何運動代表大師 -Peter Halley 其中系列作品「裝置視圖 Greene Naftali」紐約 .2017 . 由抽象的粗線與矩形闡釋其強有力的社會 - 政治 理念，旨在揭示社會結構及個人於社會階級中所處的位置。 橫平豎直的線條、長方形、正方形組成了柵欄、窗戶的圖案。 按下鼠標出現幾何與柵欄的亂數創作，顏色參考為 Peter Halley 作品色系。
Code 作品連結 : https://openprocessing.org/sketch/1214013
Color 情緒變換的色彩
《虹》 彩虹般的底加上情緒煙花上下起伏鮮豔的顏色， 按下鼠標代表情緒的低潮使顏色變黯淡。
Code 作品連結 : https://openprocessing.org/sketch/1218590
繪圖寵物在 P5 互動
《椒椒女 P5.JS》 無人互動時，寵物會處於睡眠 OFF 狀態。 按 下 滑 鼠 鍵， 眼 睛 系 統 亮 燈， 頭 部 也 因 此 有 燈 光， MIC RO B IT 板也會進入使用狀態。背景會自動塗鴉筆跡。
Code 作品連結 : https://openprocessing.org/sketch/1221656
學習心得 P5.JS 是我第一個接觸寫 Code 的藝術設計工具，在期初作介紹時非 常期待，學程式過程裡很享受設變數或是座標還有函式的實驗，有時 會鬼打牆無法出現想要的效果有時一下子粗心少換大寫，幸好寫到現 在，多少會在打 code 時馬上檢查，最後的成品讓我覺得很有成就感。 之後還會想另外花時間好好研究它。 這學期即將結束了，因後面幾周臨時換成遠距教學，不管是點名還是 教學，老師與助教們都必須花更多時間在這，你們辛苦了，這學期當 中，學的東西或許與其他相較下要花更多腦力思考，但我認為這是好 的訓練，我們擁有這些邏輯思考訓練在未來一定能派上用場。