CHE-YU WU / STRATA 地層 地層 Strata｜2001–2026，每一年留下來的東西 # 一年的創作現場 沿著聲音、記憶與教學，走進這一年持續發生的實驗。 2021-01-01 — 2021-12-31 41 筆公開紀錄 紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱 [完整紀錄 ↓](https://cheyuwu.com/zh/strata/2021/#lab-records) ****案件紀錄**2021-01-01 / 2021-12-3141 筆 這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄 ### 2021 · 01 ** ![](https://cheyuwu.com/static/img/sketches/1057091-sm.webp) - ** ![](https://cheyuwu.com/static/lab/2021/note-color-anemone.webp) - *線條* ### 2021 · 02 ** ![](https://cheyuwu.com/static/img/sketches/1107901-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/1109822-sm.webp) - ### 2021 · 03 ** ![](https://cheyuwu.com/static/img/sketches/1150294-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/1150492-sm.webp) - - *機器人* ** ![](https://cheyuwu.com/static/lab/2021/strange-robots-release.webp) - *開源* ### 2021 · 04 ** ![](https://cheyuwu.com/static/lab/2021/note-wave-circuit.webp) ### 2021 · 05 ** ![](https://cheyuwu.com/static/img/sketches/1189493-sm.webp) *記憶* ** ![](https://cheyuwu.com/static/lab/2021/note-trigonometry-part-1.webp) - - *三角函數* ** ![](https://cheyuwu.com/static/lab/2021/note-trigonometry-part-2.webp) - - *三角函數* ** ![](https://cheyuwu.com/static/img/mirror/590f9a0c96bb.jpg) *星球* ### 2021 · 06 ** ![](https://cheyuwu.com/static/lab/2021/note-crazy-tornado.webp) - - *極座標* ** ![](https://cheyuwu.com/static/img/sketches/1217113-sm.webp) - *舞者* ** ![](https://cheyuwu.com/static/lab/2021/note-aqua-planet.webp) - *粒子* ### 2021 · 07 ** ![](https://cheyuwu.com/static/icon_foundation.jpeg) - ** ![](https://cheyuwu.com/static/img/sketches/1235085-sm.webp) - - ** ![](https://cheyuwu.com/static/lab/2021/note-quantum-unstable.webp) - ** ![](https://cheyuwu.com/static/lab/2021/paraiso-mads.webp) *畫廊* ** ![](https://cheyuwu.com/static/img/sketches/1240138-sm.webp) *陷阱* ### 2021 · 08 ** ![](https://cheyuwu.com/static/lab/2021/note-timeline-pug-sass-vue.webp) *時間軸* ** ![](https://cheyuwu.com/static/img/mirror/11e19eefd4ff.jpg) *煙火* ** ![](https://cheyuwu.com/static/img/sketches/1243356-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/1245328-sm.webp) - ** ![](https://cheyuwu.com/static/img/sketches/1247384-sm.webp) *鳥* ### 2021 · 09 ** ![](https://pochi.nyc3.digitaloceanspaces.com/mainnet/0x26cb33fba22f213952b8b3f3af006913b6c5b5e91081bb5c9c7764c66c98b44b.gif) - ** ![](https://cheyuwu.com/static/lab/2021/ccin-fireworks.webp) - ** ![](https://cheyuwu.com/static/lab/2021/ccin-radar.webp) - - - ** ![](https://cheyuwu.com/static/lab/2021/nuit-blanche-guide.webp) - *白晝之夜* ### 2021 · 10 ** - - *生成式藝術* ** ![](https://cheyuwu.com/static/lab/2021/ccin-dreamy-bird.webp) - *p5.js* ** ![](https://cheyuwu.com/static/lab/2021/clab-p5-workshop-2021.webp) ** - ### 2021 · 12 ** ![](https://cheyuwu.com/static/lab/2021/sacrifice-mads.webp) - *聯展* ** ![](https://media.artblocks.io/216000000.png) - - - - - *Art Blocks* ** ![](https://cheyuwu.com/static/lab/2021/after-dinner-mints.webp) - ** ![](https://doodlelabs.mo.cloudinary.net/mainnet/1001272.png) - - - ** ![](https://cheyuwu.com/static/lab/2021/white-castle-pr.webp) - ** ![](https://cheyuwu.com/static/lab/2021/gvm-2021.webp) - ** ![](https://cheyuwu.com/static/lab/2021/ccin-nft-value.webp) - *NFT* ** ![](https://cheyuwu.com/static/img/soulsea.jpg) *靈魂系列* ![](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/) 完整紀錄 ## 逐一閱讀 最新的在最上面，往下越舊。每筆紀錄保留日期依據、公開來源與關係說明。 2021 ![靈魂海 SoulSea 作品畫面](https://cheyuwu.com/static/img/soulsea.jpg) 2021-12-29 NFT 2021-12-29 · 已公開 官網 NFT 頁標示的發行日期。fxhash 平台已停止營運，原始作品頁無法連結。 ### 靈魂海 SoulSea 發行於 fxhash 的生成式作品，共三百版。作品自述寫低頭望去，心裡的海是一條正弦波，潮水輕輕拍上岸邊，把靈魂當成海來寫，讓觀者在波動與各種海的意象裡想像數位意識。作品在瀏覽器裡即時運算，每一版的視覺各不相同。 - 靈魂系列 - fxhash 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/soulsea/) [Che-Yu Wu 官方網站 ↗︎](https://cheyuwu.com/work/soulsea/) 相關紀錄 [→ 靈魂魚 SoulFish（2022）](https://cheyuwu.com/zh/strata/2022/#lab-soulfish) · 靈魂系列 (策展主題) [→ Creative Coding Taiwan 第一次社群聚：吳哲宇的生成式藝術宇宙（2022）](https://cheyuwu.com/zh/strata/2022/#lab-cct-meetup-1) · 講座介紹的作品 (策展主題) ![【老闆週六來聊聊】我開始賣 NFT 作品啦！生成式藝術在 NFT 的價值｜文章配圖](https://cheyuwu.com/static/lab/2021/ccin-nft-value.webp) 2021-12-27 文章Che-Yu Wu / Creative Coding TW article image 2021-12-27 · 已公開 文章發布日期。 ### 【老闆週六來聊聊】我開始賣 NFT 作品啦！生成式藝術在 NFT 的價值 談 NFT 作為數位藝術家的新市場。文章解釋區塊鏈如何為數位作品建立真偽與所有權，處理數位藝術長期可無限複製的問題，接著比較 OpenSea、Art Blocks、Foundation 與 Rarible 四個平台各自適合的創作者類型，並談 NFT 讓創作者繞過傳統畫廊的守門。文中記錄他自己在這些平台上販售生成式作品的經過，包含一件機器人作品被抄襲上架 Art Blocks 後反而引來關注，也提到他在 Foundation 走精緻路線、在 OpenSea 走趣味迷因路線的兩條線，最後預告 Electriz。 - NFT - 生成式藝術 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/12/27/generative-art-in-nft/) [Creative Coding TW ↗︎](https://creativecoding.in/2021/12/27/generative-art-in-nft/) 相關紀錄 [→ Project Electriz（Art Blocks #216）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 文中預告的作品 (來源關聯) [→ AR 系列二：高雄市立美術館「南方作為衝撞之所」（2022）](https://cheyuwu.com/zh/strata/2022/#lab-ccin-ar-kmfa) · 同一條專欄發布線 (策展主題) **遠見雜誌** ![遠見雜誌《闖進紐約的台灣之光，憑 NFT 實現財富自由的 26 歲無名小卒》｜報導配圖](https://cheyuwu.com/static/lab/2021/gvm-2021.webp) 2021-12-24 報導Global Views Monthly / article image 2021-12-24 · 已公開 報導發布日期。 ### 遠見雜誌《闖進紐約的台灣之光，憑 NFT 實現財富自由的 26 歲無名小卒》 遠見雜誌人物報導。文章記他在紐約的生成式創作歷程：小學時母親教他 Flash 網頁設計、父親帶他寫 Visual Basic，交通大學電機系畢業後赴紐約大學讀整合數位媒體。他沒走傳統工程師路線，先在 Hahow 開線上程式課累積破萬名學生，疫情期間開始每日一作，之後轉向以演算法生成的 NFT 作品。報導提到其 NFT 系列累積交易額破新臺幣一億元，單件最高成交 10 ETH，並提到與 White Castle 合作動畫漢堡 NFT。 - 人物報導 - NFT 來源 [前往原始頁面 ↗︎](https://www.gvm.com.tw/article/85552) [遠見雜誌 ↗︎](https://www.gvm.com.tw/article/85552) 相關紀錄 [→ Sliderverse × White Castle（Doodle Labs）](https://cheyuwu.com/zh/strata/2021/#lab-sliderverse) · 報導提到的品牌合作 (策展主題) [→ Cheers 快樂工作人《不到 30 歲！他靠 NFT 翻身》（2022）](https://cheyuwu.com/zh/strata/2022/#lab-cheers-2022) · 同一波媒體報導 (策展主題) **PR Newswire** ![White Castle 宣布與 Doodle Labs、吳哲宇合作 NFT｜報導配圖](https://cheyuwu.com/static/lab/2021/white-castle-pr.webp) 2021-12-16 報導PR Newswire / White Castle / article image 2021-12-16 · 已公開 PR Newswire 頁面的 meta date 為 2021-12-16 14:46（美東）；先前寫的 11-30 查無任何發稿證據（2026-09-20 校正）。 ### White Castle 宣布與 Doodle Labs、吳哲宇合作 NFT 美國連鎖速食品牌 White Castle 發布新聞稿，宣布與 NFT 平台 Doodle Labs Corp 及數位媒體藝術家吳哲宇合作推出 Sliderverse NFT 系列。系列共五千件生成式作品，發行於以太坊，採 Art Blocks 的鑄造技術，購買當下才生成，元件與風格處理各不相同。授權由 Brandgenuity 代理，部分收益捐給 Ingram-White Castle Foundation 旗下的員工紓困基金與員工獎學金。 - 品牌合作 - 生成式 NFT 來源 [前往原始頁面 ↗︎](https://www.prnewswire.com/news-releases/white-castle-announces-nft-collaboration-with-doodle-labs--media-artist-che-yu-wu-301446920.html) [PR Newswire ↗︎](https://www.prnewswire.com/news-releases/white-castle-announces-nft-collaboration-with-doodle-labs--media-artist-che-yu-wu-301446920.html) 相關紀錄 [→ Sliderverse × White Castle（Doodle Labs）](https://cheyuwu.com/zh/strata/2021/#lab-sliderverse) · 宣布這個系列的新聞稿 (來源關聯) ![Sliderverse 系列其中一件作品畫面](https://doodlelabs.mo.cloudinary.net/mainnet/1001272.png) 2021-12-15 NFT 2021-12-15 · 已公開 系列上線日期。 ### Sliderverse × White Castle（Doodle Labs） 與美國速食品牌 White Castle 及 NFT 平台 Doodle Labs 合作的生成式 NFT 系列，合約上限五千零一件、實鑄一千二百八十五件，發行於以太坊。作品在購買當下才鑄造生成，元件組合與風格處理逐件不同，採用 Art Blocks 的生成式鑄造技術。White Castle 行銷長在新聞稿中稱他把多媒體技術與藝術結合成一種前所未見的創作體驗。 - NFT - 品牌合作 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/sliderverse/) [PR Newswire ↗︎](https://www.prnewswire.com/news-releases/white-castle-announces-nft-collaboration-with-doodle-labs--media-artist-che-yu-wu-301446920.html) 相關紀錄 [→ Project Electriz（Art Blocks #216）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 同年的 Art Blocks 技術線 (策展主題) [→ White Castle 宣布與 Doodle Labs、吳哲宇合作 NFT](https://cheyuwu.com/zh/strata/2021/#lab-white-castle-pr) · 宣布這個系列的新聞稿 (來源關聯) [→ 遠見雜誌《闖進紐約的台灣之光，憑 NFT 實現財富自由的 26 歲無名小卒》](https://cheyuwu.com/zh/strata/2021/#lab-gvm-2021) · 報導提到的品牌合作 (策展主題) **Art Blocks** ![Art Blocks《After Dinner Mints》第 29 集：吳哲宇｜影片畫面](https://cheyuwu.com/static/lab/2021/after-dinner-mints.webp) 2021-12-08 節目Art Blocks Official / YouTube thumbnail 2021-12-08 · 已公開 節目發布日期，另有來源記為十二月九日。 ### Art Blocks《After Dinner Mints》第 29 集：吳哲宇 Art Blocks 官方節目《After Dinner Mints》第 29 集，來賓為吳哲宇。節目簡介把他介紹為剛在 Art Blocks 推出 Electriz 的生成式藝術家，並提到他為 sail-o-bots 打下的大部分基礎。 - Podcast - Art Blocks 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=Qtj_AEq2j9M) [Art Blocks on YouTube ↗︎](https://www.youtube.com/watch?v=Qtj_AEq2j9M) 相關紀錄 [→ Project Electriz（Art Blocks #216）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 節目討論的作品 (來源關聯) ![Project Electriz 第一號輸出的作品畫面](https://media.artblocks.io/216000000.png) 2021-12-07 NFT 2021-12-07 · 已公開 Art Blocks 頁面標示的發行日期。 ### Project Electriz（Art Blocks #216） Art Blocks 第 216 號專案，共九百一十件作品，於 2021 年 12 月 7 日發行。作品以數位雲霧室觀察不明粒子的軌跡，畫面空間被切分成物理性質不同的區域，影響粒子的移動、旋轉、分裂與消滅，構成一套無法預測的實驗系統。藝術家頁面把這件作品放在物理、數學、音樂與藝術的交界上。 - Art Blocks - 粒子 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/electriz/) [Art Blocks ↗︎](https://www.artblocks.io/project/216) 相關紀錄 [→ AB_Project_CheYu 程式碼庫](https://cheyuwu.com/zh/strata/2021/#lab-ab-project-repo) · Art Blocks 作品的製作端 (策展主題) [→ 《SACRIFICE》M.A.D.S. Art Gallery 聯展](https://cheyuwu.com/zh/strata/2021/#lab-sacrifice-mads) · 同時期的生成式創作 (策展主題) [→ Sliderverse × White Castle（Doodle Labs）](https://cheyuwu.com/zh/strata/2021/#lab-sliderverse) · 同年的 Art Blocks 技術線 (策展主題) [→ Art Blocks《After Dinner Mints》第 29 集：吳哲宇](https://cheyuwu.com/zh/strata/2021/#lab-after-dinner-mints) · 節目討論的作品 (來源關聯) [→ 【老闆週六來聊聊】我開始賣 NFT 作品啦！生成式藝術在 NFT 的價值](https://cheyuwu.com/zh/strata/2021/#lab-ccin-nft-value) · 文中預告的作品 (來源關聯) [→ Neocha《Algorithmic Bliss》（2022）](https://cheyuwu.com/zh/strata/2022/#lab-neocha-algorithmic-bliss) · 報導提到的 Art Blocks 線 (策展主題) [→ 個展《混沌實驗室》第一檔 @ 双融域 AMBI SPACE ONE（2022）](https://cheyuwu.com/zh/strata/2022/#lab-chaos-lab-1) · 展覽的第二章展出 Electriz (策展主題) [→ 【老闆週六來聊聊】吳哲宇 Art Blocks Project Electriz 製作分享（2022）](https://cheyuwu.com/zh/strata/2022/#lab-ccin-electriz-making) · 文章拆解的作品 (來源關聯) ![《SACRIFICE》M.A.D.S. Art Gallery 聯展｜展覽現場](https://cheyuwu.com/static/lab/2021/sacrifice-mads.webp) 2021-12 展覽M.A.D.S. Gallery / article image 2021-12 · 已公開活動紀錄 僅記到月份。頁面本身未標展期。 ### 《SACRIFICE》M.A.D.S. Art Gallery 聯展 M.A.D.S. Art Gallery 的展覽頁面把吳哲宇列為數位藝術家，介紹為來自臺灣的當代新媒體藝術家，創作聚焦演算法與互動，並用「soulfully algorithm-driven」形容他在數位領域中安放生命與情感的做法。頁面展出的作品包含 The Soul of Flowers、Sweet Dreams、Causality、Nightmare、Chaos Dancer、Tangled 與 Triangle Picnic。藝術家自述提到他在工程與藝術之間取材自然、物理與數學，想在虛擬與真實之間架一座情感與精神的橋。 - 聯展 - 國際展出 來源 [前往原始頁面 ↗︎](https://www.madsgallery.art/item/6c595765-f20b-44a8-a22b-30dcf7e13ba4/artist/che-yu-wu) [M.A.D.S. Art Gallery ↗︎](https://www.madsgallery.art/item/6c595765-f20b-44a8-a22b-30dcf7e13ba4/artist/che-yu-wu) 相關紀錄 [→ Project Electriz（Art Blocks #216）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · 同時期的生成式創作 (策展主題) 2021-10-26 開源 2021-10-26 · 公開原型 倉庫建立日期。 ### SeaHamDAO 網站程式碼庫 SeaHamDAO 網站的公開程式碼庫，以 Vue.js 建置，後端服務接 Firebase。倉庫內含 .firebaserc、firebase.json 與 database.rules.json 等設定檔，README 提供 yarn install、yarn serve 與 yarn build 的標準流程。主分支累積八十個 commit，另有兩顆星與一個 fork。 - DAO - 開源 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/SeaHamDAO_Website) [GitHub ↗︎](https://github.com/frank890417/SeaHamDAO_Website) 相關紀錄 [→ AB_Project_CheYu 程式碼庫](https://cheyuwu.com/zh/strata/2021/#lab-ab-project-repo) · 同一年的開源程式碼庫 (策展主題) ![C-LAB 未來媒體藝術節：p5.js 互動藝術程式創作工作坊｜活動主視覺或現場](https://cheyuwu.com/static/lab/2021/clab-p5-workshop-2021.webp) 2021-10-19 工作坊C-LAB / article image 2021-10-19 · 已公開活動紀錄 依 C-LAB 活動頁：工作坊於 2021 年 10 月 19 日與 20 日晚間七點至九點舉行，此處記首日。媒體資訊中心原記 2019 年，已依活動頁更正。 ### C-LAB 未來媒體藝術節：p5.js 互動藝術程式創作工作坊 臺灣當代文化實驗場 C-LAB 在 2021 未來媒體藝術節「Processing 臺灣國際社群日」期間舉辦的 p5.js 互動藝術程式創作工作坊，10 月 19 日與 20 日晚間各一場，由吳哲宇主講。內容從基本繪圖與色彩、生成式藝術創作、互動系統與模擬，到進階的聲音影像互動與即時資料應用。履歷所記的 C-LAB p5.js Creative Coding 101 講座即為此場。 - 工作坊 - p5.js 來源 [前往原始頁面 ↗︎](https://clab.org.tw/events/pcd-taiwan/) [C-LAB 臺灣當代文化實驗場 ↗︎](https://clab.org.tw/events/pcd-taiwan/) 相關紀錄 [→ 創意程式設計：Processing 與 p5.js 教學與趨勢觀察，王連晟與吳哲宇台美連線對談（2022）](https://cheyuwu.com/zh/strata/2022/#lab-clab-dialogue-wang) · 同一檔藝術節裡的台美對談 (策展主題) ![【p5.js 創作教學】Dreamy Bird 夢幻鳥｜文章配圖](https://cheyuwu.com/static/lab/2021/ccin-dreamy-bird.webp) 2021-10-12 文章Che-Yu Wu / Creative Coding TW article image 2021-10-12 · 已公開 文章發布日期。 ### 【p5.js 創作教學】Dreamy Bird 夢幻鳥 以 p5.js 與 OpenProcessing 記錄 Dreamy Bird 的八個開發階段，從金屬質感的顏色實驗一路長成會動的生物。技術面涵蓋 noise() 產生自然隨機、sin() 與 cos() 做波動動畫、atan2() 讓眼睛追著游標。成品是色彩繽紛、身體起伏、有魚鰭的生物，會回應使用者操作。文章強調創意程式需要反覆修整，把複雜專案拆成可處理的步驟。 - p5.js - 雜訊 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/10/12/p5-js-dreamy-bird/) [Creative Coding TW ↗︎](https://creativecoding.in/2021/10/12/p5-js-dreamy-bird/) 相關紀錄 [→ 【Canvas 創作教學】動態敵人偵測雷達圖](https://cheyuwu.com/zh/strata/2021/#lab-ccin-radar) · 同一條教學文發布線 (策展主題) 2021-10-10 開源 2021-10-10 · 公開原型 倉庫建立日期。 ### AB_Project_CheYu 程式碼庫 公開於 GitHub 的生成式作品程式碼庫，主要檔案包含 Sketch.js、Rarity.js 與各自的壓縮版本，另有 index.html 與數個變體頁面、canvas 系列圖檔與 build 目錄。README 只留下一行安裝提示，要求全域安裝 minify 工具。倉庫主分支累積二十九個 commit。 - 生成式藝術 - 開源 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/AB_Project_CheYu) [GitHub ↗︎](https://github.com/frank890417/AB_Project_CheYu) 相關紀錄 [→ Project Electriz（Art Blocks #216）](https://cheyuwu.com/zh/strata/2021/#lab-electriz) · Art Blocks 作品的製作端 (策展主題) [→ SeaHamDAO 網站程式碼庫](https://cheyuwu.com/zh/strata/2021/#lab-seahamdao-website) · 同一年的開源程式碼庫 (策展主題) [→ cheyu-genart-fairy-village 程式碼庫（2022）](https://cheyuwu.com/zh/strata/2022/#lab-fairy-village-repo) · 同一條 Art Blocks 製作線 (策展主題) ![2021 臺北白晝之夜線上全攻略｜文章配圖](https://cheyuwu.com/static/lab/2021/nuit-blanche-guide.webp) 2021-09-30 文章Che-Yu Wu / Creative Coding TW article image 2021-09-30 · 已公開 文章發布日期，活動本身為十月二日至三日。 ### 2021 臺北白晝之夜線上全攻略 整理 2021 臺北白晝之夜的線上版本。該屆因疫情改為全線上舉辦，主題訂為「線上感 Interoperability」，於十月二日至三日進行，邀請六十組跨領域藝術家在臺北十二個行政區創作，分成日常奇觀、佔領地標、怪奇街區、詩性空間四個子題。節目包含藝術百草圖、白晝夜夜談、臺北共創歌與白晝幻境映四個單元，文章也提到部分北投館舍延長開放與多間博物館夜間免費參觀。 - 白晝之夜 - 線上展演 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/09/30/2021-nuit-blanche-taipei/) [Creative Coding TW ↗︎](https://creativecoding.in/2021/09/30/2021-nuit-blanche-taipei/) 相關紀錄 [→ 【Canvas 創作教學】動態敵人偵測雷達圖](https://cheyuwu.com/zh/strata/2021/#lab-ccin-radar) · 同一個社群媒體發布線 (策展主題) ![【Canvas 創作教學】動態敵人偵測雷達圖｜文章配圖](https://cheyuwu.com/static/lab/2021/ccin-radar.webp) 2021-09-23 文章Che-Yu Wu / Creative Coding TW article image 2021-09-23 · 已公開 文章發布日期。 ### 【Canvas 創作教學】動態敵人偵測雷達圖 以 HTML5 Canvas 與 JavaScript 做一張互動式敵人偵測雷達圖。文章先講 Canvas 畫形狀與線條的基本操作，再引入極座標系統定位元素與模組化寫法，主軸是一道旋轉掃描光束掃出隨機分布的敵人，配上擴散圓與十字標記，最後補上刻度與動態虛線。 - Canvas - 極座標 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/09/23/canvas-creation-enemies-radar/) [Creative Coding TW ↗︎](https://creativecoding.in/2021/09/23/canvas-creation-enemies-radar/) 相關紀錄 [→ 【p5.js 創作教學】CreativeCoding 花火大會（直播筆記）](https://cheyuwu.com/zh/strata/2021/#lab-ccin-fireworks) · 同一條直播筆記系列 (策展主題) [→ 2021 臺北白晝之夜線上全攻略](https://cheyuwu.com/zh/strata/2021/#lab-nuit-blanche-guide) · 同一個社群媒體發布線 (策展主題) [→ 【p5.js 創作教學】Dreamy Bird 夢幻鳥](https://cheyuwu.com/zh/strata/2021/#lab-ccin-dreamy-bird) · 同一條教學文發布線 (策展主題) [→ 【互動網頁程式教學】活用 GUI Object 與繼承概念，完成 Canvas 物件導向的滑鼠拖曳互動（2022）](https://cheyuwu.com/zh/strata/2022/#lab-ccin-gui-object) · 同一條 Canvas 教學線 (策展主題) ![【p5.js 創作教學】CreativeCoding 花火大會（直播筆記）｜文章配圖](https://cheyuwu.com/static/lab/2021/ccin-fireworks.webp) 2021-09-16 文章Che-Yu Wu / Creative Coding TW article image 2021-09-16 · 已公開 文章發布日期。 ### 【p5.js 創作教學】CreativeCoding 花火大會（直播筆記） 直播筆記，回應日本 Creative Coder 社群在 Processing Community Day 期間於 Twitter 上發起的線上花火大會。內容從粒子系統出發，帶到多發花火依序綻放、粒子造型變化、HSB 色彩模式，以及把離開畫面的花火移除以維持效能。 - 粒子系統 - 直播筆記 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/09/16/p5-js-creativecoding%E8%8A%B1%E7%81%AB%E5%A4%A7%E6%9C%83/) [Creative Coding TW ↗︎](https://creativecoding.in/2021/09/16/p5-js-creativecoding%E8%8A%B1%E7%81%AB%E5%A4%A7%E6%9C%83/) 相關紀錄 [→ 【Canvas 創作教學】動態敵人偵測雷達圖](https://cheyuwu.com/zh/strata/2021/#lab-ccin-radar) · 同一條直播筆記系列 (策展主題) ![CryptoPochi｜角色動態圖](https://pochi.nyc3.digitaloceanspaces.com/mainnet/0x26cb33fba22f213952b8b3f3af006913b6c5b5e91081bb5c9c7764c66c98b44b.gif) 2021-09-05 NFTChe-Yu Wu 2021-09-05 · 已公開 採用官網標示的早鳥鑄造開始時間 2021-09-05 15:00 UTC。 ### CryptoPochi 以日常情緒為表情的神祕生物系列，官網寫著牠們就是你和我，整天躺在地上玩耍。2021 年 9 月 5 日 15:00 UTC 先開放 Sea Ham 持有者的早鳥鑄造，隔日開放公開鑄造，鑄到第 732 隻、開賣三十四小時後由團隊封盤（合約上限 1500）。官網也說明 Pochi 源自每日創作系列中的生成作品 Sleepy Pochi。 - 角色 - 鑄造 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/work/cryptopochi/) [CryptoPochi ↗︎](https://cryptopochi.com/) [OpenSea ↗︎](https://opensea.io/collection/cryptopochi) 相關紀錄 [→ 奇怪的機器人（每日創作 210328）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1150492) · 每日創作長出的角色 (策展主題) ![鳥與電線竿｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1247384-sm.webp) 2021-08-22 原型Che-Yu Wu 2021-08-22 · 已公開 ### 鳥與電線竿（每日創作 210822） 渴望飛翔，群聚在抓不穩的鋼索上， 隨著一舉一動模仿，擁擠的搶著跳躍， 不掉下來就已經費盡力氣了， 哪來的奢侈妄想成為天空的一員。 Desire to fly, gather on the unsteady steel cables, Imitating moves of others, rushing to jump in the crowd, Try your best to not fall from the wires, Not even have the freedom to touch the sky. - 鳥 - 群體 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1247384/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1247384) ![島嶼印象｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1245328-sm.webp) 2021-08-17 原型Che-Yu Wu 2021-08-17 · 已公開 ### 島嶼印象（每日創作 210817） 在大海的另一端，似乎有著島嶼， 凝望中有時看的見些微輪廓， 有時被霧霾與波光吞噬，有時匯聚了又渙散 他們真的存在嗎？也許是自己的執著化為了幻象。 - 島嶼 - 海 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1245328/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1245328) 相關紀錄 [→ 珊瑚嘉年華（每日創作 210717）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1235085) · 海與生態的觀察 (策展主題) ![無解繩結｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1243356-sm.webp) 2021-08-11 原型Che-Yu Wu 2021-08-11 · 已公開 ### 無解繩結（每日創作 210811） 蔓延著不可控的因素， 糾纏成錯綜複雜的結局， 有些無解的過去就別再試圖鬆動了吧。 - 繩結 - 糾纏 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1243356/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1243356) ![花火大会｜每日創作截圖](https://cheyuwu.com/static/img/mirror/11e19eefd4ff.jpg) 2021-08-07 原型Che-Yu Wu / OpenProcessing 2021-08-07 · 已公開 ### 花火大会（每日創作 210807） 短暫但繽紛，燃燒生命點燃光譜， 珍惜每次綻放都是不同的樣貌， 用粒子系統與漸變顏色做的煙火。 - 煙火 - 粒子系統 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1241998/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1241998) ![用 Pug、Sass 及 Vue.js 製作動態時間軸年表｜文章配圖](https://cheyuwu.com/static/lab/2021/note-timeline-pug-sass-vue.webp) 2021-08-04 文章Che-Yu Wu / Creative Coding TW article image 2021-08-04 · 已公開 ### 用 Pug、Sass 及 Vue.js 製作動態時間軸年表 利用 Pug、Sass 及 Vue.js 在 CodePen 上製作動態時間軸年表。筆記說明開始前要準備三件事：呈現在年表上的資料、版面配置與色票尺寸的 library，以及讀取資料的 trigger 和 loading 動畫，並示範用 logs 陣列儲存年份與內容。 - 時間軸 - 前端 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/08/04/%e5%88%a9%e7%94%a8pug-sass-vue-js%e8%a3%bd%e4%bd%9c%e5%8b%95%e6%85%8b%e6%99%82%e9%96%93%e8%bb%b8%e5%b9%b4%e8%a1%a8/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/08/04/%e5%88%a9%e7%94%a8pug-sass-vue-js%e8%a3%bd%e4%bd%9c%e5%8b%95%e6%85%8b%e6%99%82%e9%96%93%e8%bb%b8%e5%b9%b4%e8%a1%a8/) ![甜蜜陷阱｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1240138-sm.webp) 2021-07-31 原型Che-Yu Wu 2021-07-31 · 已公開 ### 甜蜜陷阱（每日創作 210731） 在陰影中孵化，散發著帶刺的甜蜜 鮮豔的魅影纏繞而上， 輪迴中打轉卻無法察覺， 直到窒息的前一刻才被喚醒， 瞪大眼睛凝視著愚昧。 - 陷阱 - 甜蜜 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1240138/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1240138) ![PARAÌSO：M.A.D.S. Gallery｜展覽現場](https://cheyuwu.com/static/lab/2021/paraiso-mads.webp) 2021-07-23 展覽M.A.D.S. Gallery / article image 2021-07-23 · 已公開活動紀錄 依 M.A.D.S. 展覽頁：PARAÌSO 展期為 2021 年 7 月 23 日至 8 月 3 日，此處記開展日。生涯時間線原記 5 月，已依展覽頁更正。 ### PARAÌSO：M.A.D.S. Gallery M.A.D.S. Art Gallery 的藝術家頁面收錄吳哲宇，介紹他從工程與藝術的交界出發，深入自然、物理、現代藝術與數學，並列出 The Soul of Flowers、Sweet Dreams、Causality、Nightmare、Chaos Dancer、Tangled、Triangle Picnic 等作品。 - 畫廊 - 國際展出 來源 [前往原始頁面 ↗︎](https://www.madsgallery.art/item/f5c68137-e569-484c-9449-6ac3e73d09d0/event/para%C3%ACso) [M.A.D.S. Art Gallery 展覽頁 ↗︎](https://www.madsgallery.art/item/f5c68137-e569-484c-9449-6ac3e73d09d0/event/para%C3%ACso) [M.A.D.S. Art Gallery ↗︎](https://www.madsgallery.art/item/6c595765-f20b-44a8-a22b-30dcf7e13ba4/artist/che-yu-wu) ![Quantum Unstable 量子不穩定：發光糾纏的量子系統｜文章配圖](https://cheyuwu.com/static/lab/2021/note-quantum-unstable.webp) 2021-07-19 文章Che-Yu Wu / Creative Coding TW article image 2021-07-19 · 已公開 ### Quantum Unstable 量子不穩定：發光糾纏的量子系統 利用 p5.js 製作變形的同心圓動態。筆記寫下創作當時沒有特定想法，先以極座標定義點的位子並用 curveVertex() 連線，不斷調整到步驟五呈現出中心原子核，才確定朝物理與科幻風格發展，再加上游離粒子、刻度數字與包圍的線條完成作品。 - 同心圓 - 科幻風格 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/07/19/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-quantum-unstable-%e9%87%8f%e5%ad%90%e4%b8%8d%e7%a9%a9%e5%ae%9a/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/07/19/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-quantum-unstable-%e9%87%8f%e5%ad%90%e4%b8%8d%e7%a9%a9%e5%ae%9a/) 相關紀錄 [→ Aqua Planet 水色星球：發光碰撞的行星](https://cheyuwu.com/zh/strata/2021/#lab-note-aqua-planet) · 粒子與刻度尺規的同一路做法 (策展主題) ![珊瑚嘉年華｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1235085-sm.webp) 2021-07-17 原型Che-Yu Wu 2021-07-17 · 已公開 ### 珊瑚嘉年華（每日創作 210717） 又變得更熱了，連回憶都開始白化， 小丑魚永遠的離開了，沒有了他的珊瑚， 其實也是只剩多彩的空殼了吧， 畢竟還是群居的動物離不開彼此， 卻走散僅留下了時間的遺跡。 - 珊瑚 - 白化 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1235085/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1235085) 相關紀錄 [→ 色散海葵：p5.js 創作教學直播筆記](https://cheyuwu.com/zh/strata/2021/#lab-note-color-anemone) · 海中生物的線條 (策展主題) [→ 島嶼印象（每日創作 210817）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1245328) · 海與生態的觀察 (策展主題) ![Foundation Classic Series｜平台識別圖](https://cheyuwu.com/static/icon_foundation.jpeg) 2021-07-01 NFTChe-Yu Wu 2021-07-01 · 已公開 ### Foundation Classic Series 在 Foundation 上的經典系列，每一套演算法最多只鑄造十件作品。目錄頁把起始時間記為 2021 年 7 月 1 日，收錄的作品包含 201127 Nightmare、210612 Chaos Dancer、200609 Causality、200612 Triangle Picnic 與 210913 Sweet Dreams 等。 - 生成藝術 - 版數 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/nft/foundation/) [NFT Catalog ↗︎](https://cheyuwu.com/nft/foundation/) 相關紀錄 [→ 混亂舞者（每日創作 210612）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1217113) · 被收進 Foundation 經典系列 (來源關聯) [→ 夢靨（每日創作 201128）（2020）](https://cheyuwu.com/zh/strata/2020/#lab-sketch-1027958) · 目錄頁收錄的 201127 Nightmare (來源關聯) ![Aqua Planet 水色星球：發光碰撞的行星｜文章配圖](https://cheyuwu.com/static/lab/2021/note-aqua-planet.webp) 2021-06-21 文章Che-Yu Wu / Creative Coding TW article image 2021-06-21 · 已公開 ### Aqua Planet 水色星球：發光碰撞的行星 用 p5.js 一步步創作出會發光的水色星球粒子，並增加弧形軌跡、連線與外圍刻度尺規等細節。筆記說明先以函式建構藍色粒子雲，加上 noise 形成動態，再加入橘色系粒子搭配，最後繪製尺標讓作品看起來像正在觀測。 - 粒子 - 星球 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/06/21/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-aqua-planet-%e6%b0%b4%e8%89%b2%e6%98%9f%e7%90%83/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/06/21/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-aqua-planet-%e6%b0%b4%e8%89%b2%e6%98%9f%e7%90%83/) 相關紀錄 [→ Quantum Unstable 量子不穩定：發光糾纏的量子系統](https://cheyuwu.com/zh/strata/2021/#lab-note-quantum-unstable) · 粒子與刻度尺規的同一路做法 (策展主題) ![混亂舞者｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1217113-sm.webp) 2021-06-12 原型Che-Yu Wu 2021-06-12 · 已公開 ### 混亂舞者（每日創作 210612） 她不斷地在舞台上旋轉，一圈又一圈， 有時是場雙人舞，有時放開了手獨自跳躍， 每一場演出都是無法復刻的軌跡， 帶著混合後的新色彩，在沒有觀眾的場次裡謝幕 Made with @p5xjs - 舞者 - 軌跡 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1217113/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1217113) 相關紀錄 [→ Foundation Classic Series](https://cheyuwu.com/zh/strata/2021/#lab-foundation-classic) · 被收進 Foundation 經典系列 (來源關聯) ![來畫一個瘋狂的龍捲風吧：p5.js 創作教學直播筆記｜文章配圖](https://cheyuwu.com/static/lab/2021/note-crazy-tornado.webp) 2021-06-04 文章Che-Yu Wu / Creative Coding TW article image 2021-06-04 · 已公開 ### 來畫一個瘋狂的龍捲風吧：p5.js 創作教學直播筆記 綜合幾何圖形與三角函數的觀念，用 p5.js 一步步完成龍捲風捲起乳牛與穀倉的動態圖片。筆記說明先刻劃龍捲風外型，再分階段完成被捲起的物體，最後修改背景顏色、加上材質、調整線條，並加上滑鼠互動。 - 極座標 - 教學 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/06/04/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-%e4%be%86%e7%95%ab%e4%b8%80%e5%80%8b%e7%98%8b%e7%8b%82%e7%9a%84%e9%be%8d%e6%8d%b2%e9%a2%a8%e5%90%a7/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/06/04/p5-js%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-%e4%be%86%e7%95%ab%e4%b8%80%e5%80%8b%e7%98%8b%e7%8b%82%e7%9a%84%e9%be%8d%e6%8d%b2%e9%a2%a8%e5%90%a7/) 相關紀錄 [→ 來用可怕的三角函數做網頁吧 Part 1 衛星繞月球](https://cheyuwu.com/zh/strata/2021/#lab-note-trigonometry-part-1) · 筆記中列為複習的三角函數上篇 (來源關聯) [→ 來用可怕的三角函數做網頁吧 Part 2 科幻時鐘](https://cheyuwu.com/zh/strata/2021/#lab-note-trigonometry-part-2) · 筆記中列為複習的三角函數下篇 (來源關聯) ![抖抖星球｜每日創作截圖](https://cheyuwu.com/static/img/mirror/590f9a0c96bb.jpg) 2021-05-22 原型Che-Yu Wu / OpenProcessing 2021-05-22 · 已公開 ### 抖抖星球（每日創作 210522） 太空船降落了，此站座標為Alpha.26 星 ( 8.0068 , 3.200000 )， 但是好像在劇烈的抖動，回報太空站似乎不宜居住， 觀測不到的就當不存在，過度活躍的地核藏不住炙熱， 那就駐紮在這顆星球一起瘋狂吧 - 星球 - 震動 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1201896/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1201896) ![來用可怕的三角函數做網頁吧 Part 2 科幻時鐘｜文章配圖](https://cheyuwu.com/static/lab/2021/note-trigonometry-part-2.webp) 2021-05-14 文章Che-Yu Wu / Creative Coding TW article image 2021-05-14 · 已公開 ### 來用可怕的三角函數做網頁吧 Part 2 科幻時鐘 利用三角函數與 canvas 製作科幻感時鐘。筆記提到數學可以協助製作有趣的網頁設計動態效果，而數學中的表達式在各個地方都通用，不管是製作特效或資料分析，都可以讓你優雅地描述一件事。 - 三角函數 - Canvas 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/05/14/%e4%be%86%e7%94%a8%e5%8f%af%e6%80%95%e7%9a%84%e4%b8%89%e8%a7%92%e5%87%bd%e6%95%b8%e5%81%9a%e7%b6%b2%e9%a0%81%e5%90%a7-part2-%e7%a7%91%e5%b9%bb%e6%99%82%e9%90%98/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/05/14/%e4%be%86%e7%94%a8%e5%8f%af%e6%80%95%e7%9a%84%e4%b8%89%e8%a7%92%e5%87%bd%e6%95%b8%e5%81%9a%e7%b6%b2%e9%a0%81%e5%90%a7-part2-%e7%a7%91%e5%b9%bb%e6%99%82%e9%90%98/) 相關紀錄 [→ 來用可怕的三角函數做網頁吧 Part 1 衛星繞月球](https://cheyuwu.com/zh/strata/2021/#lab-note-trigonometry-part-1) · 同一系列的上篇 (來源關聯) [→ 來畫一個瘋狂的龍捲風吧：p5.js 創作教學直播筆記](https://cheyuwu.com/zh/strata/2021/#lab-note-crazy-tornado) · 筆記中列為複習的三角函數下篇 (來源關聯) ![來用可怕的三角函數做網頁吧 Part 1 衛星繞月球｜文章配圖](https://cheyuwu.com/static/lab/2021/note-trigonometry-part-1.webp) 2021-05-10 文章Che-Yu Wu / Creative Coding TW page image 2021-05-10 · 已公開 ### 來用可怕的三角函數做網頁吧 Part 1 衛星繞月球 先詳細介紹三角函數的計算並轉換為程式語言，再以三角函數的概念，使用 html (pug)、css (sass) 與 js，從零建構出衛星環繞月球的動態網頁效果。筆記也分享 Dyverse Studio 與複雜生活節兩個案例，說明三角函數、座標系與 canvas 在即時繪圖上的作用。 - 三角函數 - 網頁動態 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/05/10/%e4%be%86%e7%94%a8%e5%8f%af%e6%80%95%e7%9a%84%e4%b8%89%e8%a7%92%e5%87%bd%e6%95%b8%e5%81%9a%e7%b6%b2%e9%a0%81%e5%90%a7-part1-%e8%a1%9b%e6%98%9f%e7%b9%9e%e6%9c%88%e7%90%83/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/05/10/%e4%be%86%e7%94%a8%e5%8f%af%e6%80%95%e7%9a%84%e4%b8%89%e8%a7%92%e5%87%bd%e6%95%b8%e5%81%9a%e7%b6%b2%e9%a0%81%e5%90%a7-part1-%e8%a1%9b%e6%98%9f%e7%b9%9e%e6%9c%88%e7%90%83/) 相關紀錄 [→ 來用可怕的三角函數做網頁吧 Part 2 科幻時鐘](https://cheyuwu.com/zh/strata/2021/#lab-note-trigonometry-part-2) · 同一系列的上篇 (來源關聯) [→ 來畫一個瘋狂的龍捲風吧：p5.js 創作教學直播筆記](https://cheyuwu.com/zh/strata/2021/#lab-note-crazy-tornado) · 筆記中列為複習的三角函數上篇 (來源關聯) ![生命註記｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1189493-sm.webp) 2021-05-09 原型Che-Yu Wu 2021-05-09 · 已公開 ### 生命註記（每日創作 210509） 把重要的事用螢光筆畫上線， 有空的時候再多添幾條彩色的片段， 再把不願重返的記憶用立可帶覆寫， 無論留下與否，生命中的小事註記成為你的篇章 - 記憶 - 標記 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1189493/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1189493) ![電波電路 Wave Circuit：p5.js 教學直播筆記｜文章配圖](https://cheyuwu.com/static/lab/2021/note-wave-circuit.webp) 2021-04-16 文章Che-Yu Wu / Creative Coding TW article image 2021-04-16 · 已公開 ### 電波電路 Wave Circuit：p5.js 教學直播筆記 一步步教你製作電波電路效果，學習用 p5.js 繪製背景的格線、連接的線條以及細節上的裝飾。筆記說明創作過程會在三部分之間來回調整，透過細節修正完成最終作品。 - 格線 - 教學 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/04/16/p5-js%e6%95%99%e5%ad%b8%ef%bc%8d%e9%9b%bb%e6%b3%a2%e9%9b%bb%e8%b7%afwave-circuit-%e4%be%86%e5%81%9a%e5%80%8b%e9%80%bc%e5%93%a9%e9%80%bc%e5%93%a9%e9%80%81%e8%a8%8a%e8%99%9f%e7%9a%84%e9%9b%bb%e8%b7%af/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/04/16/p5-js%e6%95%99%e5%ad%b8%ef%bc%8d%e9%9b%bb%e6%b3%a2%e9%9b%bb%e8%b7%afwave-circuit-%e4%be%86%e5%81%9a%e5%80%8b%e9%80%bc%e5%93%a9%e9%80%bc%e5%93%a9%e9%80%81%e8%a8%8a%e8%99%9f%e7%9a%84%e9%9b%bb%e8%b7%af/) ![奇怪的機器人 Strange Robots 公開釋出｜作品畫面](https://cheyuwu.com/static/lab/2021/strange-robots-release.webp) 2021-03-28 開源Che-Yu Wu / cheyuwu.com article image 2021-03-28 · 已公開 採用 OpenProcessing 草稿的建立日期。授權條款未能從來源頁讀取。 ### 奇怪的機器人 Strange Robots 公開釋出 《奇怪的機器人》在 OpenProcessing 以公開草稿的形式釋出，任何人都可以打開程式碼閱讀與再製。作品本身是同日的每日創作，畫面是一群長著歪耳朵與天線的小機器人。 - 開源 - 機器人 來源 [前往原始頁面 ↗︎](https://openprocessing.org/sketch/1150492) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1150492) 相關紀錄 [→ 奇怪的機器人（每日創作 210328）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1150492) · 同日的公開釋出 (策展主題) ![奇怪的機器人｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1150492-sm.webp) 2021-03-28 原型Che-Yu Wu 2021-03-28 · 已公開 ### 奇怪的機器人（每日創作 210328） 小機器人們長著歪歪的耳朵，有些板著綠色的臉， 不管你長的是圓是方，還是晃著橘色的天線， 揚著得意的嘴角，其實都沒什麼不好的呀， 奇形怪狀的個性造就你的獨一無二 - 機器人 - 角色 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1150492/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1150492) 相關紀錄 [→ 奇怪的機器人 Strange Robots 公開釋出](https://cheyuwu.com/zh/strata/2021/#lab-strange-robots-release) · 同日的公開釋出 (策展主題) [→ CryptoPochi](https://cheyuwu.com/zh/strata/2021/#lab-cryptopochi) · 每日創作長出的角色 (策展主題) ![極光｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1150294-sm.webp) 2021-03-28 原型Che-Yu Wu 2021-03-28 · 已公開 ### 極光（每日創作 210328） 被所謂的命運導引而匯集 遇見後留下彩色的光輝逝去 仍舊存在於過去 卻已不復重返 - 極光 - 粒子 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1150294/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1150294) ![鏡像碎形｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1109822-sm.webp) 2021-02-22 原型Che-Yu Wu 2021-02-22 · 已公開 ### 鏡像碎形（每日創作 210222） 照不出完整的面貌， 其實並非是球不完美，而是鏡子碎了， 只能反映出現實的碎形片段 - 碎形 - 鏡像 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1109822/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1109822) 相關紀錄 [→ 臉部採樣（每日創作 210109）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1057091) · 用著色器扭曲影像 (策展主題) ![金屬星球｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1107901-sm.webp) 2021-02-20 原型Che-Yu Wu 2021-02-20 · 已公開 ### 金屬星球（每日創作 210220） 融化的核心在天空中形變， 過熱的溫度找不到應有的形狀。 - 星球 - 金屬 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1107901/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1107901) ![色散海葵：p5.js 創作教學直播筆記｜文章配圖](https://cheyuwu.com/static/lab/2021/note-color-anemone.webp) 2021-01-25 文章Che-Yu Wu / Creative Coding TW article image 2021-01-25 · 已公開 ### 色散海葵：p5.js 創作教學直播筆記 一步步教你製作色散海葵，學習用 p5.js 繪製扭動線條與畫框效果。直播內容分為四部分：用扭動線條呈現海葵觸鬚、加上滑鼠互動與顏色材質及外框、加上細觸鬚增加細節、底部收斂成一叢海葵並做最後修飾。 - 線條 - 教學 來源 [前往原始頁面 ↗︎](https://creativecoding.in/2021/01/25/p5-js-%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-%e8%89%b2%e6%95%a3%e6%b5%b7%e8%91%b5/) [CreativeCoding.in ↗︎](https://creativecoding.in/2021/01/25/p5-js-%e5%89%b5%e4%bd%9c%e6%95%99%e5%ad%b8-%e8%89%b2%e6%95%a3%e6%b5%b7%e8%91%b5/) 相關紀錄 [→ 珊瑚嘉年華（每日創作 210717）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1235085) · 海中生物的線條 (策展主題) ![臉部採樣｜每日創作截圖](https://cheyuwu.com/static/img/sketches/1057091-sm.webp) 2021-01-09 原型Che-Yu Wu 2021-01-09 · 已公開 ### 臉部採樣（每日創作 210109） 所以說，人類也像是機器嗎？ 也是透過某種複雜的神經網路，在大腦裡採樣熟悉的輪廓， 一個一個點數據相連成形，轉譯成記憶中的你， 那個人真的存在過嗎？還是僅是在無數個當下採樣的幻象 測試把自己的臉資料點拿來做創作， 加上Shader做一些扭曲效果。 - 人臉 - 資料點 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/sketch/1057091/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1057091) 相關紀錄 [→ 鏡像碎形（每日創作 210222）](https://cheyuwu.com/zh/strata/2021/#lab-sketch-1109822) · 用著色器扭曲影像 (策展主題)