# [Session 3] 2024-03-7(四) p5.js Creative Coding 入門 [課堂資料目錄](https://github.com/frank890417/genart-nycu-2024/blob/main/README.md) # 課程目標 * 透過定義規則來建構藝術作品 * p5.js入門 ## Rundown * 作業賞析 * 平日創作累積分享 作品 帳號...等 * 印刷經驗分享 * p5.js入門教學 * 實作作品 工作坊 https://www.instagram.com/p/CncigpRy4hE/?img_index=1 ## 實驗方法 1. 重複 2. 韻律 3. 對比 4. 遞迴碎形 5. 相對規則 6. 軌跡 7. 旋轉 8. 隨機性 9. 連續性變化 10. 採樣 11. 破壞 12. 資料視覺化 13. 格狀系統 ## p5.js / 認識程式語言和使用 p5.js 繪製基本 https://course.creativecoding.in/notes ### 【基礎繪製與色彩】 Chapter 1 Creative Coding 程式創作是什麼 Chapter 2 程式框架 - p5.js 開發入門 Chapter 3 基礎圖形繪製 - 從點線面到塗鴉 Chapter 4 變數與資料－賦予可變與連續性 Chapter 5 條件:迴圈 與互動 - 建構創作規則 ## 課堂 Demo連結 筆刷 https://openprocessing.org/sketch/2208420 color zilla https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=zh-TW 形狀繪製 https://openprocessing.org/sketch/2208520 https://coolors.co/cad2c5-84a98c-52796f-354f52-2f3e46 ## Open Processing 帳號： 系級 名字 學號 https://openprocessing.org/user/139364 清大服科所 吳灃晉(Taylor Wu) 111078507 https://openprocessing.org/user/337011 應藝所碩一 趙雅婷 312462015 https://openprocessing.org/user/309185 應藝碩一 張雅捷 312462009 https://openprocessing.org/user/431420 應藝碩二 劉人愷 311462011 https://openprocessing.org/user/229998 應藝所 林沂蓁 412462001 https://openprocessing.org/user/431039 應藝所 顏瑋辰 309462005 https://openprocessing.org/user/430672 應藝碩一 黃慧蓮 312462010 https://openprocessing.org/user/431376 應藝碩二 白子易 https://openprocessing.org/user/430763 應藝碩 鄭名凱 https://openprocessing.org/user/431288 應藝碩一 黃毓淳 312462029 https://openprocessing.org/user/431358 應藝碩 陳筠橋 311462009 https://openprocessing.org/user/431032 百川一 葉柏秀 112950014 https://openprocessing.org/user/302306 百川一 張廷安 112950017 https://openprocessing.org/user/430470 應藝所 楊可榆 312462023 https://openprocessing.org/user/232042 資工4C 朱哲毅 https://openprocessing.org/user/432108 應藝碩 郭玥吟 https://openprocessing.org/user/394584 應藝所 陳彥霖 312462020 https://openprocessing.org/user/218004 應藝碩 林庭慧 https://openprocessing.org/user/431819 應藝碩一 李翊慈 312462024 https://openprocessing.org/user/372521 應藝碩一 張貝貝 312462026 https://openprocessing.org/user/431457 清大藝學大四 王語彤 https://openprocessing.org/user/278027?view=activity&o=8 應藝碩 蔡欣樺 311462012 https://openprocessing.org/user/430915 電控碩 巫傑能 https://openprocessing.org/user/433025 應藝碩 彭家駒 311462024 https://openprocessing.org/user/430760 應藝碩一 方璽 312462027 https://openprocessing.org/user/434648 清大術士 葉承昀 110590023 https://openprocessing.org/user/288559 應藝碩 洪敏祐 https://openprocessing.org/user/434627 建築所 陳睿申 311465011 https://openprocessing.org/user/289850?o=23&view=sketches 應藝所 簡愷廷 411462001 https://openprocessing.org/user/430238 應藝所 林玠里 410462001 https://openprocessing.org/user/325990 音樂所 周旅安 312466003 https://openprocessing.org/user/434647