CHE-YU WU / STRATA 地層 地層 Strata｜2001–2026，每一年留下來的東西 # 一年的創作現場 沿著聲音、記憶與教學，走進這一年持續發生的實驗。 2022-01-01 — 2022-12-31 34 筆公開紀錄 紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱 [完整紀錄 ↓](https://cheyuwu.com/zh/strata/2022/#lab-records) ****案件紀錄**2022-01-01 / 2022-12-3134 筆 這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄 ### 2022 · 01 ** ![](https://cheyuwu.com/static/lab/2022/ccin-ar-kmfa.webp) - *擴增實境* ### 2022 · 02 ** ![](https://cheyuwu.com/static/lab/2022/stans-foundation.webp) - ** ![](https://cheyuwu.com/static/lab/2022/ccin-student-works.webp) - - *教學* ** - ### 2022 · 03 ** ![](https://cheyuwu.com/static/lab/2022/ccin-gsap.webp) - - ** ![](https://cheyuwu.com/static/lab/2022/neocha-algorithmic-bliss.webp) ** ![](https://cheyuwu.com/static/lab/2022/ccin-birds-on-poles.webp) - - ** ![](https://cheyuwu.com/static/img/mirror/82cfa4d94a2f.jpg) - *個展* ### 2022 · 04 ** ![](https://cheyuwu.com/static/lab/2022/cct-meetup-1.webp) - - *社群聚會* ** ![](https://cheyuwu.com/static/lab/2022/cheers-2022.webp) ** ![](https://cheyuwu.com/static/lab/2022/ccin-coral-carnival.webp) - - *p5.js* ** ![](https://cheyuwu.com/static/lab/2022/clab-dialogue-wang.webp) - ** ![](https://cheyuwu.com/static/lab/2022/ccin-sweet-trap.webp) - ### 2022 · 05 ** ![](https://cheyuwu.com/static/img/mirror/372b1454deba.jpg) - ** ![](https://cheyuwu.com/static/lab/2022/cct-meetup-2.webp) - ### 2022 · 06 ** ![](https://cheyuwu.com/static/lab/2022/ccin-electriz-making.webp) ** ![](https://cheyuwu.com/static/lab/2022/ccin-gui-object.webp) - *Canvas* ** ![](https://cheyuwu.com/static/img/mirror/cda1178ea4d3.gif) ### 2022 · 07 ** ![](https://cheyuwu.com/static/img/Projectp.png) - - ** ![](https://cheyuwu.com/static/lab/2022/ccin-shader-intro.webp) - - *Shader* ** ![](https://cheyuwu.com/static/lab/2022/ccin-circles.webp) - *迴圈* ***生成式藝術* ### 2022 · 09 ** ![](https://cheyuwu.com/static/img/Projectp.png) *展覽* ** ![](https://cheyuwu.com/static/lab/2022/toxic-laurel-golden-evolution.webp) ### 2022 · 10 ** ![](https://cheyuwu.com/static/lab/2022/meetup-kiva.webp) - ** ![](https://cheyuwu.com/static/lab/2022/unit-london-zach.webp) ** ![](https://cheyuwu.com/static/lab/2022/itsa-intro-livestream.webp) *講座* ** ![](https://cheyuwu.com/static/lab/2022/meetup-blocks.webp) - - ### 2022 · 11 ** ![](https://cheyuwu.com/static/lab/2022/meetup-blackhole.webp) - *社群* ** ![](https://cheyuwu.com/static/lab/2022/open-processing-backup.webp) *開源* ** ![](https://cheyuwu.com/static/lab/2022/ccin-writing-award.webp) *徵文* ** ![](https://cheyuwu.com/static/lab/2022/hexschool-talk.webp) *講座* ### 2022 · 12 ** ![](https://cheyuwu.com/static/lab/2022/mcdonalds-wallpaper.webp) *商業合作* ** ![](https://cheyuwu.com/static/lab/2022/p5-practical-tutorial.webp) *教學* ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail2290248@2x.jpg) ![](https://cheyuwu.com/static/img/sketches/923989-sm.webp) ![](https://cheyuwu.com/static/img/mirror/1239323070da-sm.webp) ![](https://cheyuwu.com/static/img/sketches/1635740-sm.webp) ![](https://cheyuwu.com/static/img/sketches/1615617-sm.webp) ![](https://cheyuwu.com/static/img/mirror/39bad087e6fd-sm.webp) ![](https://cheyuwu.com/static/img/mirror/0c23aeb30692-sm.webp) ![](https://cheyuwu.com/static/img/sketches/925596-sm.webp) 創作族譜**818 件每日創作，怎麼一件長出一件**46 個家族畫成有縮圖的分支樹，從 2018 到 2026→ [https://cheyuwu.com/zh/lineage/](https://cheyuwu.com/zh/lineage/) 完整紀錄 ## 逐一閱讀 最新的在最上面，往下越舊。每筆紀錄保留日期依據、公開來源與關係說明。 2022 ![p5.js 互動藝術程式創作初階應用實戰教學｜文章配圖](https://cheyuwu.com/static/lab/2022/p5-practical-tutorial.webp) 2022-12-26 文章Che-Yu Wu / Creative Coding TW article image 2022-12-26 · 已公開 上下兩篇同日發布；原課程進行時間為 2021 年 10 月。 ### p5.js 互動藝術程式創作初階應用實戰教學 分上下兩篇的教學整理。上篇談 creative coding 是什麼，介紹 p5.js 作為以 JavaScript 為基礎的視覺程式工具，示範顏色、圖形與變數的用法，並說明如何用 OpenProcessing 在沒有工程背景的情況下做互動視覺；下篇處理生成藝術的實作。內容來自 2021 年 10 月為 C-LAB 進行的課程，後來整理成約兩小時的教材。 - 教學 - p5.js 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/12/26/p5js-workshop-clab-1/) [CreativeCoding.in 上篇 ↗︎](https://creativecoding.in/2022/12/26/p5js-workshop-clab-1/) [CreativeCoding.in 下篇 ↗︎](https://creativecoding.in/2022/12/26/p5js-workshop-clab-2/) ![與麥當勞一起做生成藝術公益桌布｜文章配圖](https://cheyuwu.com/static/lab/2022/mcdonalds-wallpaper.webp) 2022-12-05 文章Che-Yu Wu / Creative Coding TW article image 2022-12-05 · 已公開 依文章標示的發布日期。 ### 與麥當勞一起做生成藝術公益桌布 談與台灣麥當勞合作的生成式公益桌布。桌布設定為手機鎖定畫面，掃描後可捐款支持麥當勞叔叔之家。三件作品分別是用粒子物理聚成心形並擴散成宇宙的力量、疫情期間由氣球把心運送過城市的暖心城市，以及用數學生成軌道的愛的列車。創作方式是先寫規則再讓電腦生成大量變體，難處在於確保每一個變體都好看，因此做了自動化工具輸出不同尺寸。 - 商業合作 - 公益 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/12/05/%E9%BA%A5%E7%95%B6%E5%8B%9E%E8%88%87%E5%90%B3%E5%93%B2%E5%AE%87%E7%94%9F%E6%88%90%E5%BC%8F%E8%97%9D%E8%A1%93%E6%A1%8C%E5%B8%83/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/12/05/%E9%BA%A5%E7%95%B6%E5%8B%9E%E8%88%87%E5%90%B3%E5%93%B2%E5%AE%87%E7%94%9F%E6%88%90%E5%BC%8F%E8%97%9D%E8%A1%93%E6%A1%8C%E5%B8%83/) ![大神來六角：互動式網頁設計工程師該具備哪些技能｜影片畫面](https://cheyuwu.com/static/lab/2022/hexschool-talk.webp) 2022-11-24 演講六角學院 / YouTube thumbnail 2022-11-24 · 已公開 六角學院共筆記載為 2022 年 11 月 24 日，YouTube 上傳日為 11 月 25 日。履歷原記 12 月，已同步改為 11 月。 ### 大神來六角：互動式網頁設計工程師該具備哪些技能 六角學院大神來六角系列直播，主持人 Ray，講者吳哲宇。內容盤點互動式網頁工程師需要的能力，包含 CSS 與視覺設計、jQuery 與 Framer Motion 與 ScrollMagic 等動畫工具、Canvas 與 WebGL、Three.js 與 Babylon.js 的 3D 網頁、聲音處理與機器學習整合，以及 creative coding 與硬體串接的觀念。 - 講座 - 前端 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=YY8l4qPoAqo) [YouTube ↗︎](https://www.youtube.com/watch?v=YY8l4qPoAqo) [HexSchool 共筆 on HackMD ↗︎](https://hackmd.io/@hexschool/SJZTk7Q8j) ![互動程式創作徵文賞：互動藝術組得獎公告｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-writing-award.webp) 2022-11-24 文章Che-Yu Wu / Creative Coding TW article image 2022-11-24 · 已公開 依 CreativeCoding.in 網站地圖記載的貼文日期，同日另有多篇不同組別的得獎公告。 ### 互動程式創作徵文賞：互動藝術組得獎公告 互動程式創作徵文賞的得獎公告之一，互動藝術組佳作，作者羅瑋婷，投稿題目為 p5.js 學習筆記中的時間裂縫。文章示範 p5.js 的 shader 寫法，用水流效果搭配扭曲濾鏡，並記錄作者累積式的學習過程。 - 徵文 - 社群 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/11/24/collection221110-art-1/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/11/24/collection221110-art-1/) ![open-processing-backup｜作品畫面](https://cheyuwu.com/static/lab/2022/open-processing-backup.webp) 2022-11-12 開源Che-Yu Wu / GitHub README image 2022-11-12 · 已公開 依 GitHub API 回報的倉庫建立時間。 ### open-processing-backup GitHub 上的 JavaScript 儲存庫，用來備份 OpenProcessing 上的作品。倉庫沒有填寫說明欄位，建立於 2022 年 11 月 12 日，最後一次推送在隔日。 - 開源 - 備份 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/open-processing-backup) [GitHub ↗︎](https://github.com/frank890417/open-processing-backup) ![互動網頁設計網聚：數位登陸｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/meetup-blackhole.webp) 2022-11-11 工作坊Che-Yu Wu / Creative Coding TW article image 2022-11-11 · 已公開 依 CreativeCoding.in 網站地圖記載的貼文日期。 ### 互動網頁設計網聚：數位登陸 網聚場次，講者為黑洞創造的創意總監古建樺，講題是從 3D 網頁效果到虛擬展覽空間。他談設計與工程之間的斷層，示範約十二個專案，涵蓋互動裝置、線上展與 NFT 展示，並介紹 2022 年建立的 Web3 虛擬策展平台 Virsody。 - 社群 - 線上展覽 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/11/11/bkhole-web-design/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/11/11/bkhole-web-design/) 相關紀錄 [→ 互動網頁設計網聚：版塊的線上建築](https://cheyuwu.com/zh/strata/2022/#lab-meetup-blocks) · 同一系列的互動網頁設計網聚 (策展主題) ![互動網頁設計網聚：版塊的線上建築｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/meetup-blocks.webp) 2022-10-31 工作坊Che-Yu Wu / Creative Coding TW article image 2022-10-31 · 已公開 依 CreativeCoding.in 網站地圖記載的貼文日期。 ### 互動網頁設計網聚：版塊的線上建築 網聚場次，講者為版塊設計的設計總監李明。分享兩套方法與五個案例，包含把網站動態拆成載入到互動的階段化流程，以及十一個面向的網站分析法。案例涵蓋高雄流行音樂中心、遊戲基地二十五週年線上展與台灣設計研究院網站。 - 社群 - 網頁設計 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/10/31/blockstudio-web-design/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/10/31/blockstudio-web-design/) 相關紀錄 [→ 互動網頁設計網聚：KIVΛMKII 科幻聲音之旅](https://cheyuwu.com/zh/strata/2022/#lab-meetup-kiva) · 同一系列的互動網頁設計網聚 (策展主題) [→ 互動網頁設計網聚：數位登陸](https://cheyuwu.com/zh/strata/2022/#lab-meetup-blackhole) · 同一系列的互動網頁設計網聚 (策展主題) ![科技藝術初階入門講座（ITSA 直播）｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/itsa-intro-livestream.webp) 2022-10-24 演講Che-Yu Wu / YouTube thumbnail 2022-10-24 · 已公開 依 CreativeCoding.in 記載的直播日期。 ### 科技藝術初階入門講座（ITSA 直播） 面向零基礎觀眾的新媒體與程式藝術入門直播，由 Creative Coding Taiwan 主辦，教育部智慧創新跨域人才培育計畫 ITSA 協力。內容界定 creative coding 位在設計、工程、數學、動態與硬體的交會處，示範 p5.js 的基本 API 與 MaxMSP 的聲音合成與 ADSR 控制，並談 Ryoji Ikeda 與 teamLab 等案例。 - 講座 - 教學 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/10/24/generative-art-basic/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/10/24/generative-art-basic/) [YouTube ↗︎](https://www.youtube.com/watch?v=3Fr697MdcF8) **Unit London** ![Unit on Chain：Zach Lieberman × 吳哲宇｜訪談配圖](https://cheyuwu.com/static/lab/2022/unit-london-zach.webp) 2022-10-21 訪談Che-Yu Wu / Unit London article image 2022-10-21 · 已公開 依 Unit London 頁面網址中的發布日期。 ### Unit on Chain：Zach Lieberman × 吳哲宇 Unit London 的 Unit on Chain 系列對談，與 In Our Code 展覽同期。Zach Lieberman 與吳哲宇談各自從傳統藝術與工程進入 creative coding 的路徑、情緒與動態如何在演算法作品裡傳達意義、技術 demo 與作品之間的差別，以及為什麼生成藝術仍然需要實體展出。 - 對談 - 創意程式 來源 [前往原始頁面 ↗︎](https://unitlondon.com/2022-10-21/unit-on-chain-zach-lieberman-che-yu-wu-on-finding-poetry-in-creative-coding/) [Unit London ↗︎](https://unitlondon.com/2022-10-21/unit-on-chain-zach-lieberman-che-yu-wu-on-finding-poetry-in-creative-coding/) ![互動網頁設計網聚：KIVΛMKII 科幻聲音之旅｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/meetup-kiva.webp) 2022-10-17 工作坊Che-Yu Wu / Creative Coding TW article image 2022-10-17 · 已公開 依 CreativeCoding.in 網站地圖記載的貼文日期。 ### 互動網頁設計網聚：KIVΛMKII 科幻聲音之旅 互動網頁設計網聚的一場分享，講者為 Projectλ Studio 的 Kiva Wu。內容從聲音設計的三個面向切入，分別是動態、頻率與空間，並談 audio 軌與 MIDI 軌的差別、壓縮器與等化器等效果器的作用，以及如何在有機的隨機感與可被聽懂的音樂邏輯之間取得平衡。 - 社群 - 聲音設計 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/10/17/sound-kiva-wu/) [CreativeCoding.in ↗︎](https://creativecoding.in/2022/10/17/sound-kiva-wu/) 相關紀錄 [→ 互動網頁設計網聚：版塊的線上建築](https://cheyuwu.com/zh/strata/2022/#lab-meetup-blocks) · 同一系列的互動網頁設計網聚 (策展主題) ![每日創作：Toxic Laurel 與 Golden Evolution｜作品畫面](https://cheyuwu.com/static/lab/2022/toxic-laurel-golden-evolution.webp) 2022-09-13 原型Che-Yu Wu / cheyuwu.com article image 2022-09-13 · 藝術家紀錄 依創作者自己的每日創作記錄，未取得平台頁面上的發布時間佐證。 ### 每日創作：Toxic Laurel 與 Golden Evolution 兩支每日創作草稿，後來成為萬物公式的種子。撰寫時 OpenProcessing 作者頁被機器人驗證牆擋下，無法讀取兩支 sketch 的頁面，因此只依標題與日期收錄。 - 每日創作 - 生成 來源 [前往原始頁面 ↗︎](https://openprocessing.org/user/168316) [OpenProcessing ↗︎](https://openprocessing.org/user/168316) ![Project % 百岳計畫：林茲 Ars Electronica｜作品主視覺](https://cheyuwu.com/static/img/Projectp.png) 2022-09-07 展覽Che-Yu Wu / site image 2022-09-07 · 已公開活動紀錄 展期 2022 年 9 月 7 日至 9 月 11 日，起點早於本年度窗口起日 2022 年 9 月 9 日，收錄時以展期起日為準。 ### Project % 百岳計畫：林茲 Ars Electronica 百岳計畫在奧地利林茲 Ars Electronica 的展出。撰寫時 TAICCA 來源頁回應 403，無法讀取內文，因此這一筆只依標題與日期收錄，不描述展出內容。 - 展覽 - 國際 來源 [前往原始頁面 ↗︎](https://taicca.tw/article/f068670d) [TAICCA ↗︎](https://taicca.tw/article/f068670d) 2022-07-30 開源 2022-07-30 · 公開原型 倉庫建立日期。 ### cheyu-genart-fairy-village 程式碼庫 公開於 GitHub 的生成式作品程式碼庫。倉庫包含 index.html 與 index_randomhash.html、index_tokenhashtool.html 兩個變體頁面，程式檔有 mySketch.js、Artblocks.js 與 seperatechunk.js，另有 package.json、featurefield.json、build 與 dist 目錄以及 canvas-light.jpeg。檔名中的 Artblocks 與 tokenhashtool 指向 Art Blocks 的上鏈與雜湊預覽流程。主分支累積三十一個 commit，About 欄位留空。 - 生成式藝術 - 開源 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/cheyu-genart-fairy-village) [GitHub ↗︎](https://github.com/frank890417/cheyu-genart-fairy-village) 相關紀錄 [→ AB_Project_CheYu 程式碼庫（2021）](https://cheyuwu.com/zh/strata/2021/#lab-ab-project-repo) · 同一條 Art Blocks 製作線 (策展主題) ![圓圓圈圈：利用迴圈呈現重覆的美｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-circles.webp) 2022-07-28 文章Che-Yu Wu / Creative Coding TW article image 2022-07-28 · 已公開 文章發布日期。 ### 圓圓圈圈：利用迴圈呈現重覆的美 談如何用迴圈做出重複的視覺圖樣。文章先舉藝術與自然裡的重複，再教 p5.js 的 for 迴圈語法與基本應用、巢狀迴圈做格狀排列，以及在重複之中加入規則與變化。實作範例做一件以音樂為靈感的作品，把彩色球體排成四乘四的格子，創作靈感取自臺灣樂團 The Fur. 的〈Friday Love〉，示範如何把靜態的設計元素與動態生成的粒子結合。完整範例放在 OpenProcessing。 - 迴圈 - p5.js 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/07/28/cc-ch5-circle/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/07/28/cc-ch5-circle/) 相關紀錄 [→ 外星圖像渲染語言？如何應用 Shader 跟 WebGL 達成絢麗視覺效果](https://cheyuwu.com/zh/strata/2022/#lab-ccin-shader-intro) · 同一條教學文發布線 (策展主題) ![外星圖像渲染語言？如何應用 Shader 跟 WebGL 達成絢麗視覺效果｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-shader-intro.webp) 2022-07-07 文章Che-Yu Wu / Creative Coding TW article image 2022-07-07 · 已公開 文章發布日期。 ### 外星圖像渲染語言？如何應用 Shader 跟 WebGL 達成絢麗視覺效果 介紹 shader 與 WebGL 在網頁上做視覺效果的用法。文章把 shader 解釋成一組會在螢幕上每一個像素各跑一次的指令，靠 GPU 高速處理而不是全靠 CPU 運算。應用面談扭曲的 hover 效果、3D 模型渲染與位移貼圖，並列出 The Book of Shaders、Shadertoy 與 p5.js 等學習資源，附上雜訊與扭曲效果的程式範例。文章也舉 Outernets 與一個臺灣啤酒活動網站當作商業實作的例子，並指出要把 shader 用在正式環境，還得補上 JavaScript 模組與打包工具的知識。 - Shader - WebGL 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/07/07/shader-webgl-intro/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/07/07/shader-webgl-intro/) 相關紀錄 [→ 【互動網頁程式教學】活用 GUI Object 與繼承概念，完成 Canvas 物件導向的滑鼠拖曳互動](https://cheyuwu.com/zh/strata/2022/#lab-ccin-gui-object) · 同一條教學文發布線 (策展主題) [→ 圓圓圈圈：利用迴圈呈現重覆的美](https://cheyuwu.com/zh/strata/2022/#lab-ccin-circles) · 同一條教學文發布線 (策展主題) ![FAB DAO 百岳計畫主視覺](https://cheyuwu.com/static/img/Projectp.png) 2022-07 NFT 2022-07 · 藝術家紀錄 僅記到月份，依藝術家自記。 ### FAB DAO BlindBox NFT（第一與第二階段） FAB DAO 的 BlindBox NFT，分第一與第二兩個階段發行。FAB DAO 全名 Formosa Art Bank DAO，是他與黃豆泥共同發起的公益型 NFT 自治組織，把區塊鏈募資接到非營利組織與新興創作者身上。 - 公益 NFT - DAO 來源 [前往原始頁面 ↗︎](https://project.fab.tw/) [FAB DAO 計畫頁 ↗︎](https://project.fab.tw/) 相關紀錄 [→ 智榮基金會《施振榮伯樂識馬 吳哲宇國際舞台發光》](https://cheyuwu.com/zh/strata/2022/#lab-stans-foundation) · 報導提到的 FAB DAO 計畫 (策展主題) [→ 區塊勢 EP.150 賣授權是失策，純創作的 NFT 更搶手](https://cheyuwu.com/zh/strata/2022/#lab-blocktrend-ep150) · 節目談到的 FAB DAO (策展主題) ![靈魂魚 SoulFish 動態作品畫面](https://cheyuwu.com/static/img/mirror/cda1178ea4d3.gif) 2022-06-30 NFT 2022-06-30 · 已公開 依 fxhash 平台 API：作品建立於 2022 年 6 月 30 日（世界標準時間），鑄造於台北時間 7 月 1 日零時開放，總版數 400。官網 NFT 頁原記 6 月 2 日與一千版，已依平台紀錄更正。 ### 靈魂魚 SoulFish 發行於 fxhash 的生成式作品。作品自述取莊周夢蝶的意象，寫靈魂魚生於虛無，由人的情感凝結而成，在數位的深處靜靜緩緩地游動，問的是我們如何理解不同存在形式裡的喜悅與意識。每一版在瀏覽器中即時運算，視覺各不相同。 - 靈魂系列 - fxhash 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/soulfish/) [Che-Yu Wu 官方網站 ↗︎](https://cheyuwu.com/nft/) 相關紀錄 [→ 靈魂海 SoulSea（2021）](https://cheyuwu.com/zh/strata/2021/#lab-soulsea) · 靈魂系列 (策展主題) ![【互動網頁程式教學】活用 GUI Object 與繼承概念，完成 Canvas 物件導向的滑鼠拖曳互動｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-gui-object.webp) 2022-06-16 文章Che-Yu Wu / Creative Coding TW article image 2022-06-16 · 已公開 文章發布日期。 ### 【互動網頁程式教學】活用 GUI Object 與繼承概念，完成 Canvas 物件導向的滑鼠拖曳互動 教在 HTML5 Canvas 上不靠外部函式庫做出互動式 GUI 元件。文章分三塊：先用 Vec2 類別簡化座標與位置管理，讓多物件的程式碼收斂；再建三層的 GUI 架構，分別是單一 GUI 物件、GUI 群組，以及負責繪製與事件偵測的 Scene 類別；最後實作兩個互動，滑鼠移到物件上變色的視覺回饋，以及用 mousedown、mousemove 與 mouseup 串起來的拖放。文章強調用函式多載與 inRange() 判斷滑鼠與物件的碰撞。 - Canvas - 物件導向 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/06/16/gui-object-canvas/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/06/16/gui-object-canvas/) 相關紀錄 [→ 外星圖像渲染語言？如何應用 Shader 跟 WebGL 達成絢麗視覺效果](https://cheyuwu.com/zh/strata/2022/#lab-ccin-shader-intro) · 同一條教學文發布線 (策展主題) [→ 【Canvas 創作教學】動態敵人偵測雷達圖（2021）](https://cheyuwu.com/zh/strata/2021/#lab-ccin-radar) · 同一條 Canvas 教學線 (策展主題) ![【老闆週六來聊聊】吳哲宇 Art Blocks Project Electriz 製作分享｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-electriz-making.webp) 2022-06-09 文章Che-Yu Wu / Creative Coding TW article image 2022-06-09 · 已公開 文章發布日期。 ### 【老闆週六來聊聊】吳哲宇 Art Blocks Project Electriz 製作分享 談 Electriz 這件 Art Blocks 生成式 NFT 的製作過程。作品模擬雲霧室實驗中的粒子行為，粒子穿越帶電性質不同的空間時留下軌跡。技術重點包含用 p5.js 搭配 keccak 雜湊做固定隨機，確保每一版輸出穩定一致；把程式碼分段上鏈，每一段約花一顆以太幣；在 Art Blocks 的測試環境先驗證後再正式上線；以及用 Token Art Tools 預覽不同雜湊值的變化。文章也談 NFT 的成敗不只看作品好壞，創作者需要在 Discord 與社群媒體上經營個人品牌，考慮數位與實體體驗的結合，並在作品被看見之前持續與社群互動。 - Art Blocks - 製作紀錄 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/06/09/artblocks-electriz/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/06/09/artblocks-electriz/) 相關紀錄 [→ Project Electriz（Art Blocks #216）（2021）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 文章拆解的作品 (來源關聯) ![Creative Coding Taiwan 五月社群聚：吳秉聖談聲光裝置與創意程式｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/cct-meetup-2.webp) 2022-05-31 演講Che-Yu Wu / Creative Coding TW article image 2022-05-31 · 已公開 紀錄文發布日期。文章未標示聚會場地。 ### Creative Coding Taiwan 五月社群聚：吳秉聖談聲光裝置與創意程式 Creative Coding Taiwan 社群五月聚會的紀錄，講者為噪咖藝術的聲音藝術家與音樂總監吳秉聖，以及 Team9 技術總監、清華大學講師張文瀚。吳秉聖分享他把聲音、光線與互動裝置整合的做法，背景橫跨視覺與聲音藝術，修習過創意聲響與媒體技術。簡報介紹六件作品，包含回應在地織品文化的光裝置、音樂場館裡的互動地板燈、公共空間的合成器裝置、上海的玻璃柱聲音雕塑、戶外樂器裝置與互動打擊設置。他說自己從創作角度而不是工程角度進入程式，常用 Max MSP 與 TouchDesigner 這類視覺化程式工具，把聲音設計與機構、燈光系統整合進公共藝術。 - 社群聚會 - 聲音裝置 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/05/31/creative-coding-meetup-202205-pingshenwu/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/05/31/creative-coding-meetup-202205-pingshenwu/) 相關紀錄 [→ Creative Coding Taiwan 第一次社群聚：吳哲宇的生成式藝術宇宙](https://cheyuwu.com/zh/strata/2022/#lab-cct-meetup-1) · 同一條社群聚會系列 (策展主題) ![混沌實驗室現場｜MonoLab 展覽紀錄](https://cheyuwu.com/static/img/mirror/372b1454deba.jpg) 2022-05-20 展覽MonoLab / exhibition record 2022-05-20 · 已公開活動紀錄 展期為 2022 年 5 月 20 日至 22 日，此處記開展日。 ### 《混沌實驗室》五月延伸場 @ 双融域 AMBI SPACE ONE 《混沌實驗室》於 2022 年 5 月 20 日至 22 日在臺北一〇一五樓的双融域 AMBI SPACE ONE 展出，開放時間為上午十一點至下午六點。展覽精選他 2020 至 2022 年間的五十件生成式演算作品，靈感取自自然、物理、現代藝術、數學韻律與音樂，以五面高規格投影構成約四十分鐘的沉浸式視聽體驗，把虛擬影像轉成把觀眾包起來的實體現場。5 月 21 日與 22 日另有工作坊，談生成式 NFT 製作、區塊鏈技術與文化應用，線上展區則整理他從互動網頁設計、生成式藝術到互動 NFT 的創作歷程。票價全票新臺幣二百八十元、學生票一百五十元、愛心票一百四十元，四歲以下與六十五歲以上免票。 - 個展 - 沉浸式 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/chaos-lab/) [MONOLAB 展覽頁 ↗︎](https://monolab.world/zh/exhibition/23) [500輯 ↗︎](https://500times.udn.com/wtimes/story/12672/6329101) [中央廣播電臺 ↗︎](https://www.rti.org.tw/news/view/id/2133415) 相關紀錄 [→ 個展《混沌實驗室》第一檔 @ 双融域 AMBI SPACE ONE](https://cheyuwu.com/zh/strata/2022/#lab-chaos-lab-1) · 同一檔展覽的五月延伸場 (策展主題) ![【p5.js 創作教學】Sweet Trap｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-sweet-trap.webp) 2022-04-25 文章Che-Yu Wu / Creative Coding TW article image 2022-04-25 · 已公開 文章發布日期。 ### 【p5.js 創作教學】Sweet Trap 以十個步驟做出 Sweet Trap 這件生成式作品，畫面是繽紛的幾何形體向中心聚攏旋轉、外加細線點綴。流程從基本畫布設定與滑鼠互動開始，接著用極座標轉換做出花瓣狀的正弦波形，再處理三角函數定位、座標系旋轉與位移、從色票動態選色、以雜訊函式產生材質、形狀變化、陰影效果與格線背景。成品會疊上顯示即時參數的文字，每次執行隨機取用不同配色。 - p5.js - 極座標 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/04/25/p5-js-sweet-trap/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/04/25/p5-js-sweet-trap/) 相關紀錄 [→ 【p5.js 創作教學】Coral Carnival 珊瑚嘉年華](https://cheyuwu.com/zh/strata/2022/#lab-ccin-coral-carnival) · 同一條教學文發布線 (策展主題) **Creative Coding TW** ![創意程式設計：Processing 與 p5.js 教學與趨勢觀察，王連晟與吳哲宇台美連線對談｜訪談配圖](https://cheyuwu.com/static/lab/2022/clab-dialogue-wang.webp) 2022-04-14 訪談Che-Yu Wu / Creative Coding TW article image 2022-04-14 · 已公開 文章發布日期。對談本身記於 2021 年 10 月 21 日，屬於 2021 未來媒體藝術節的節目，藝術節期間為 2021 年 10 月 9 日至 11 月 23 日。 ### 創意程式設計：Processing 與 p5.js 教學與趨勢觀察，王連晟與吳哲宇台美連線對談 臺灣當代文化實驗場 C-LAB 主辦的台美連線對談，屬於 2021 未來媒體藝術節的節目，對談者為北藝大講師、科技藝術家王連晟，以及 Monoame Design 創辦人、跨領域新媒體藝術家吳哲宇。內容談 Processing 與 p5.js 作為創意程式的入門工具，兩人都主張教學重點放在創作作品與思考方法，語言與技術是其次，也談了學院與業界教法的差異、生成式藝術的興起，以及 Art Blocks 這類 NFT 平台上多數作品都用 p5.js 寫成的現況。 - 對談 - 創意程式教學 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/04/14/clab-2021-lien-cheng-wang-che-yu-wu/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/04/14/clab-2021-lien-cheng-wang-che-yu-wu/) 相關紀錄 [→ Creative Coding Taiwan 第一次社群聚：吳哲宇的生成式藝術宇宙](https://cheyuwu.com/zh/strata/2022/#lab-cct-meetup-1) · 同一年的社群對談線 (策展主題) [→ C-LAB 未來媒體藝術節：p5.js 互動藝術程式創作工作坊（2021）](https://cheyuwu.com/zh/strata/2021/#lab-clab-p5-workshop-2021) · 同一檔藝術節的工作坊 (策展主題) ![【p5.js 創作教學】Coral Carnival 珊瑚嘉年華｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-coral-carnival.webp) 2022-04-07 文章Che-Yu Wu / Creative Coding TW article image 2022-04-07 · 已公開 文章發布日期。 ### 【p5.js 創作教學】Coral Carnival 珊瑚嘉年華 完整記錄珊瑚嘉年華這件生成式作品從無到有的十個步驟：從鋼琴、樂譜與植物長出的初始構想，建立基本的 V 形圖樣，用迴圈與旋轉做出放射狀的萬花筒結構，以 Coolors 建立色票，再用材質疊加與混合模式提升畫面質感，最後細修並輸出。技術概念包含以 frameCount() 驅動動畫、用 colorMode() 管理色彩、translate 與 rotate 與 scale 的空間變換，以及用 Perlin noise 產生自然隨機。文章的主張是生成式藝術靠材質、色彩、細節與變化一起把畫面撐到耐看。 - p5.js - 生成式藝術 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/04/07/p5-js-coral-carnival/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/04/07/p5-js-coral-carnival/) 相關紀錄 [→ 【p5.js 創作教學】鳥與電線桿](https://cheyuwu.com/zh/strata/2022/#lab-ccin-birds-on-poles) · 同一條教學文發布線 (策展主題) [→ 【p5.js 創作教學】Sweet Trap](https://cheyuwu.com/zh/strata/2022/#lab-ccin-sweet-trap) · 同一條教學文發布線 (策展主題) **Cheers 快樂工作人** ![Cheers 快樂工作人《不到 30 歲！他靠 NFT 翻身》｜報導配圖](https://cheyuwu.com/static/lab/2022/cheers-2022.webp) 2022-04 報導Cheers / article image 2022-04 · 已公開 僅記到月份。 ### Cheers 快樂工作人《不到 30 歲！他靠 NFT 翻身》 Cheers 快樂工作人的人物報導，主題是他在三十歲前以 NFT 生成式作品改變職涯與身價的歷程。 - 人物報導 - NFT 來源 [前往原始頁面 ↗︎](https://www.cheers.com.tw/article/article.action?id=5100763) [Cheers 快樂工作人 ↗︎](https://www.cheers.com.tw/article/article.action?id=5100763) 相關紀錄 [→ 遠見雜誌《闖進紐約的台灣之光，憑 NFT 實現財富自由的 26 歲無名小卒》（2021）](https://cheyuwu.com/zh/strata/2021/#lab-gvm-2021) · 同一波媒體報導 (策展主題) ![Creative Coding Taiwan 第一次社群聚：吳哲宇的生成式藝術宇宙｜活動主視覺或現場](https://cheyuwu.com/static/lab/2022/cct-meetup-1.webp) 2022-04 演講Che-Yu Wu / Creative Coding TW article image 2022-04 · 已公開活動紀錄 僅記到月份。紀錄文標示活動日為 2022 年 4 月 14 日，文章於同年 5 月 6 日發布。 ### Creative Coding Taiwan 第一次社群聚：吳哲宇的生成式藝術宇宙 Creative Coding Taiwan 社群第一次實體聚會的紀錄，主講人為藝術家、Monoame Design 創辦人吳哲宇。內容從創意程式的定義談起，把程式當成創作媒材以產生新的現象與連結，接著談生成式藝術裡的規則、限制、敘事、視覺呈現、變化與隨機。工具面涵蓋 p5.js、Open Processing、GLSL shader、Unreal Engine 與 TouchDesigner。他也介紹自己在 fxhash 的靈魂海系列與 OpenSea 的 CryptoPochi，談結合區塊鏈與網頁技術的互動式 NFT，並延伸到 GPU 運算與 GLSL 在創作上的應用。紀錄文標示這是約兩小時直播的三篇連載之一。 - 社群聚會 - 演講 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/05/06/creative-coding-meetup-202204-cheyu-wu/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/05/06/creative-coding-meetup-202204-cheyu-wu/) 相關紀錄 [→ Creative Coding Taiwan 五月社群聚：吳秉聖談聲光裝置與創意程式](https://cheyuwu.com/zh/strata/2022/#lab-cct-meetup-2) · 同一條社群聚會系列 (策展主題) [→ 創意程式設計：Processing 與 p5.js 教學與趨勢觀察，王連晟與吳哲宇台美連線對談](https://cheyuwu.com/zh/strata/2022/#lab-clab-dialogue-wang) · 同一年的社群對談線 (策展主題) [→ 靈魂海 SoulSea（2021）](https://cheyuwu.com/zh/strata/2021/#lab-soulsea) · 講座介紹的作品 (策展主題) ![《混沌實驗室》展場沉浸投影畫面](https://cheyuwu.com/static/img/mirror/82cfa4d94a2f.jpg) 2022-03-29 展覽 2022-03-29 · 藝術家紀錄 第一檔日期依藝術家自記。公開報導只記錄到五月二十日至二十二日那一檔。 ### 個展《混沌實驗室》第一檔 @ 双融域 AMBI SPACE ONE 生成藝術個展《混沌實驗室》的第一檔，副標為從 NFT 虛擬到現實世界的轉換，地點在臺北一〇一五樓的双融域 AMBI SPACE ONE。展覽集結他 2020 至 2022 年間的 NFT 創作，精選五十件生成式演算作品，題材取自自然、物理、現代藝術、數學韻律與音樂，把原本在線上的生成式影像轉譯成線下的沉浸式體驗。 - 個展 - 沉浸式 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/chaos-lab/) [MONOLAB 展覽頁 ↗︎](https://monolab.world/zh/exhibition/23) [展覽紀錄影片 ↗︎](https://youtu.be/B3mqk5w8FVo) 相關紀錄 [→ 《混沌實驗室》五月延伸場 @ 双融域 AMBI SPACE ONE](https://cheyuwu.com/zh/strata/2022/#lab-chaos-lab-2) · 同一檔展覽的五月延伸場 (策展主題) [→ Project Electriz（Art Blocks #216）（2021）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 展覽的第二章展出 Electriz (策展主題) ![【p5.js 創作教學】鳥與電線桿｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-birds-on-poles.webp) 2022-03-24 文章Che-Yu Wu / Creative Coding TW article image 2022-03-24 · 已公開 文章發布日期。 ### 【p5.js 創作教學】鳥與電線桿 以十六個步驟用 p5.js 做出停在電線上的鳥群，從畫電線一路做到有動畫的完整場景。技法包含用 lerp() 做出電線桿之間的下垂曲線、用 class 與 constructor 建可重用物件、隨機生成不同間距與高度的電線桿、用上下兩段弧線組出鳥的身體、用色彩內插做漸層背景、讓鳥回應游標靠近、以及依圖層深度調整電線桿粗細。文章的主張是在規律中生成多樣，每個元素結構一致而尺寸顏色位置不同，重新整理頁面就看到不同時刻的配色。進階部分用 Perlin noise 做出自然的鳥群動作，並用 Coolors 取得多組可切換的色票。 - p5.js - 生成式構圖 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/03/24/p5-js-birds-on-poles/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/03/24/p5-js-birds-on-poles/) 相關紀錄 [→ 【互動網頁程式教學】用 GSAP 做直播互動網頁](https://cheyuwu.com/zh/strata/2022/#lab-ccin-gsap) · 同一條教學文發布線 (策展主題) [→ 【p5.js 創作教學】Coral Carnival 珊瑚嘉年華](https://cheyuwu.com/zh/strata/2022/#lab-ccin-coral-carnival) · 同一條教學文發布線 (策展主題) **Neocha** ![Neocha《Algorithmic Bliss》｜報導配圖](https://cheyuwu.com/static/lab/2022/neocha-algorithmic-bliss.webp) 2022-03-17 報導Neocha / article image 2022-03-17 · 已公開 報導發布日期。 ### Neocha《Algorithmic Bliss》 Neocha 雜誌的藝術家報導。文章描述他的生成式創作由演算法執行既定規則產生獨一無二的動態作品，並回溯他從小學接觸 Adobe Flash、讀資訊相關科系到進入紐約大學整合設計與媒體學程的路徑。報導把重點放在演算法創作裡的人的位置：機器產生影像，但人的挑選與情感意圖無法被取代。他在文中說機器不會有情感，因為它們太完美，人類則是有瑕疵的生物，好的藝術可以從這些瑕疵裡長出來。報導也記他在 Art Blocks 上因 Sea Hams 系列受到注目，程式碼被另一個團體抄襲後社群反而聚集聲援，最終使他進入 Art Blocks 名人堂、Sea Hams 成為平台的非官方吉祥物，以及他在 2021 年 12 月成立 FAB DAO 支持臺灣新興數位藝術家。 - 國際報導 - 生成式藝術 來源 [前往原始頁面 ↗︎](https://neocha.com/magazine/algorithmic-bliss/) [Neocha ↗︎](https://neocha.com/magazine/algorithmic-bliss/) 相關紀錄 [→ Project Electriz（Art Blocks #216）（2021）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 報導提到的 Art Blocks 線 (策展主題) ![【互動網頁程式教學】用 GSAP 做直播互動網頁｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-gsap.webp) 2022-03-10 文章Che-Yu Wu / Creative Coding TW page image 2022-03-10 · 已公開 文章發布日期。 ### 【互動網頁程式教學】用 GSAP 做直播互動網頁 教學文，用 Vue.js、Vue CLI 與 GSAP 做一個類似 Facebook 手機直播介面的網頁，包含影像串流、會像粒子飄動的表情符號反應，以及有進出場轉場的留言區。學習重點包含 Vue 的 ref 與 $refs 存取 DOM、以原生 JavaScript 載入影片串流、用 GSAP 的 TweenMax 與 TimelineMax 做表情動畫，以及用 transition-group 處理元素動畫。文章從單段與多段動畫的基礎開始，逐一做出直播標籤的呼吸效果、影像區、表情反應與留言，最後組成完整介面，並附上可運作的 CodeSandbox 範例。 - GSAP - Vue 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/03/10/gsap-livestream-webpage/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/03/10/gsap-livestream-webpage/) 相關紀錄 [→ 把程式當畫筆！《互動藝術程式創作入門》學生作品賞析](https://cheyuwu.com/zh/strata/2022/#lab-ccin-student-works) · 同一條教學文發布線 (策展主題) [→ 【p5.js 創作教學】鳥與電線桿](https://cheyuwu.com/zh/strata/2022/#lab-ccin-birds-on-poles) · 同一條教學文發布線 (策展主題) **Apple Podcasts** 2022-02-15 節目 2022-02-15 · 已公開 節目發布日期。 ### 區塊勢 EP.150 賣授權是失策，純創作的 NFT 更搶手 區塊勢 Podcast 第 150 集，長度約五十五分鐘，來賓為新媒體藝術家吳哲宇。內容談他從在 Hahow 教互動藝術與網頁設計的哲宇老師走到 NFT 創作者的過程，也談電機背景如何進入數位藝術。節目聊到他最早在 OpenSea 發行的 NFT乏人問津、Art Blocks 上的抄襲事件反而讓作品被看見、他從把 NFT 當授權工具轉向純粹創作表達，以及 FAB DAO 如何連結非營利組織與新興創作者。節目的判斷是原創作品在 NFT 場域比授權路線更有共鳴。 - Podcast - NFT 來源 [前往原始頁面 ↗︎](https://podcasts.apple.com/podcast/id1441274280?i=1000551213155) [Apple Podcasts ↗︎](https://podcasts.apple.com/podcast/id1441274280?i=1000551213155) 相關紀錄 [→ FAB DAO BlindBox NFT（第一與第二階段）](https://cheyuwu.com/zh/strata/2022/#lab-fab-dao-blindbox) · 節目談到的 FAB DAO (策展主題) ![把程式當畫筆！《互動藝術程式創作入門》學生作品賞析｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-student-works.webp) 2022-02-08 文章Che-Yu Wu / Creative Coding TW page image 2022-02-08 · 已公開 文章發布日期。 ### 把程式當畫筆！《互動藝術程式創作入門》學生作品賞析 介紹《互動藝術程式創作入門》課程的七件學生作品，說明沒有程式背景的初學者如何用 p5.js 做出視覺創作。七件作品分別是把音樂節奏轉成視覺粒子的 Drain、可用滑鼠切換日夜光線的室內空間 Houses、受俄國構成主義啟發以矩形與光影表現時間流動的 Shadow、點擊會噴墨的海底互動 Octopus Ink、以同心圓回應滑鼠位置的水墨漣漪、在原子爆炸與夢境方塊之間切換的神秘炸彈，以及在黑暗中談希望的粒子構成 Universe。文章對每件作品補上動畫技法、混合模式與進階效果的技術說明。 - 教學 - 學生作品 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/02/08/creative-coding-students-artworks/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/02/08/creative-coding-students-artworks/) 相關紀錄 [→ AR 系列二：高雄市立美術館「南方作為衝撞之所」](https://cheyuwu.com/zh/strata/2022/#lab-ccin-ar-kmfa) · 同一條專欄發布線 (策展主題) [→ 【互動網頁程式教學】用 GSAP 做直播互動網頁](https://cheyuwu.com/zh/strata/2022/#lab-ccin-gsap) · 同一條教學文發布線 (策展主題) **智榮基金會** ![智榮基金會《施振榮伯樂識馬 吳哲宇國際舞台發光》｜報導配圖](https://cheyuwu.com/static/lab/2022/stans-foundation.webp) 2022-02-07 報導Stan Shih Foundation / page image 2022-02-07 · 已公開 報導發布日期，文中提到的拜年活動記為七日。 ### 智榮基金會《施振榮伯樂識馬 吳哲宇國際舞台發光》 智榮基金會發布的報導。宏碁創辦人施振榮在一場農曆新年線上拜年活動中提到，他在元宇宙世界裡發現一匹千里馬，指的是數位藝術家吳哲宇，並表示會協助把他的作品介紹給更多人。文章回溯兩人的淵源：吳哲宇在 2009 年第五屆宏碁數位創作獎國中組拿下第一名，連續五年拿下四座第一與一座評審團大獎。報導也記他在紐約大學取得整合數位媒體碩士後於國際數位藝術界受到注目，並列出接下來的計畫，包含在臺灣舉辦首次個展、推出探索演算法藝術與數位有機生命的沉浸式裝置、與其他臺灣數位藝術家共同策劃臺灣百岳 NFT 體驗展，以及成立 Formosa Art Bank DAO 支持臺灣 NFT 生態系的創作者。 - 人物報導 - 獎項淵源 來源 [前往原始頁面 ↗︎](https://stansfoundation.org/articles/378197) [智榮基金會 ↗︎](https://stansfoundation.org/articles/378197) 相關紀錄 [→ FAB DAO BlindBox NFT（第一與第二階段）](https://cheyuwu.com/zh/strata/2022/#lab-fab-dao-blindbox) · 報導提到的 FAB DAO 計畫 (策展主題) ![AR 系列二：高雄市立美術館「南方作為衝撞之所」｜文章配圖](https://cheyuwu.com/static/lab/2022/ccin-ar-kmfa.webp) 2022-01-03 文章Che-Yu Wu / Creative Coding TW article image 2022-01-03 · 已公開 文章發布日期。 ### AR 系列二：高雄市立美術館「南方作為衝撞之所」 介紹高雄市立美術館的「南方作為衝撞之所」展覽，展中有十四件經典館藏加上擴增實境。該展在美術館整修後於 2021 年開展，適逢建館二十五週年。文章說明南方在此既是地理位置，也是一種看見多元歷史敘事與被忽略聲音的視角。觀眾可下載美術館的典藏特藏室應用程式，透過 AR 看陳澄波風景畫與鄭世璠〈三等車廂〉等作品的風動效果與立體建模。展覽也提供展場的 VR 三百六十度環景，讓疫情期間無法到場的人在線上觀看並閱讀藝術家背景。 - 擴增實境 - 美術館 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2022/01/03/ar-2-kmfa-south-plus/) [Creative Coding TW ↗︎](https://creativecoding.in/2022/01/03/ar-2-kmfa-south-plus/) 相關紀錄 [→ 把程式當畫筆！《互動藝術程式創作入門》學生作品賞析](https://cheyuwu.com/zh/strata/2022/#lab-ccin-student-works) · 同一條專欄發布線 (策展主題) [→ 【老闆週六來聊聊】我開始賣 NFT 作品啦！生成式藝術在 NFT 的價值（2021）](https://cheyuwu.com/zh/strata/2021/#lab-ccin-nft-value) · 同一條專欄發布線 (策展主題)