{"successCriteria":{"numSoldTickets":10},"campaign":{"types":[]},"contentRating":{"brief":"LEVEL_0","content":"LEVEL_0"},"_id":"6a54a33d9b84b9cff077cb44","owner":{"privacies":{"isShowTaughtCourses":true,"isShowBoughtCourses":false,"isShowBoughtArticles":true,"isShowBoughtKnowledgeCollections":true,"isShowIdeas":true,"isShowBookmarkedCourses":false,"isShowBookmarkedArticles":true,"isShowBookmarkedIdeas":true,"isShowCreations":true,"isShowCertificates":true,"isShowBoughtLiveEvents":true},"links":{"website":"https://portaly.cc/cheyuwu","facebook":"https://www.facebook.com/cheyuwu345/","youtube":"https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA?view_as=subscriber"},"states":{"club2020":{"isShared":false,"isSharedAfterBought":false},"acknowledgedContractRenewal2019":"NO_ACK","teacherTypeLock":true,"haveNotifiedStudyPlanFeature":true},"_id":"56189df7df7b3d0b005c6638","profileImageUrl":"https://images.api.hahow.in/images/59940a4d38c46c0700654afc","name":"吳哲宇","metaDescription":"墨雨設計創辦人，紐約大學進修整合數位媒體碩士。互動設計師、藝術家、講師、全端工程師，引領超過 20,000 位學生進入互動網頁與生成藝術開發的大坑。","username":"majer","skills":"平面、品牌形象設計，動態網頁與前後端程式開發。","description":"
哲宇老師的綜合連結入口
哲宇老師的免費學習與交流資源
  • Creative Coding TW - 互動程式創作台灣站
  • 老闆 來點寇汀吧。 Boss,CODING please. 工程 X 藝術創作品牌
  • 老闆來點寇汀吧 Boss, Coding Please IG 創作集
  • 每週四直播 Coding
    • 探索藝術與工程的邊界 創造極致的互動體驗

    哲宇擔任紐約大學 Creative Coding Graduate Assistant - 在系上任職研究助理與助教快兩年，喜歡新奇古怪的事物，想脫離網頁的限制，更自由的結合各種媒體與技術創作互動設計。從動畫與平面設計起家，持續做到整體品牌形象 CI 設計到 UI/UX APP 介面設計，目前專攻網頁動畫與互動，研究如何以網頁的技巧實踐  MotionGraphics 的精神，以設計的角度主宰網頁，讓網頁不只是能用、資訊呈現，更要有趣、好玩。

    墨雨設計成立於 2015 年，跨足各領域平面 / CI / 網站設計，以多元的視野與專業，為您創造不同凡響的作品。

    互動設計在很多廣告、品牌推廣跟更廣泛的設計產業，都有商業與藝術上的應用，雖然在台灣可能還沒發展興盛，但近年來台灣的設計風氣逐漸蓬勃，也開始有越來越多的展覽、活動或公司嘗試用不同的互動，讓廣告不再只是廣告，而是跟觀眾互動的遊戲或設計來呈現品牌或提升參與度，結合軟體跟硬體，在功能之外，尋找人對世界最原始的感動跟好奇心。

    原來程式可以做到那麼多想像不到的事情

    哲宇善於用有趣的範例，從程式、數學、或設計，整合式的帶你走入絢麗的 Coding 世界，無論是網頁設計，還是用程式藝術，都能從解決真實的問題或創作來看見學習的目的。

    老師的免費學習資源

    ","coverImageUrl":"https://images.hahow.in/images/63b7b74ffbb833355a3a4bb4","publishedProductStatistics":{"courseCount":4,"articleCount":15,"studentCount":24646}},"numSoldTickets":337,"status":"INCUBATING","reviewing":false,"price":5980,"preOrderedPrice":5980,"estimatedCourseVideoLengthInMins":1650,"isReject":false,"skipIncubating":false,"averageRating":0,"numRating":0,"bookmarkCount":144,"videoBackupStatus":"NOT_MIGRATED","tags":["POPULAR"],"viewCount":14714,"isTop10Percent":false,"createdAt":"2026-07-13T08:35:09.782Z","draftRevisionUpdateTime":"2026-09-09T07:04:54.369Z","uniquename":"creative-code","estimatedCourseStartTime":"2026-09-22T11:00:00.651Z","proposalDueTime":"2026-09-09T15:59:59.793Z","revisionReleaseTime":"2026-09-09T07:04:57.782Z","incubateTime":"2026-07-21T03:55:05.125Z","courseType":"SUBSCRIPTION_LIKE","priceInMoneyPoint":5980,"preOrderedPriceInMoneyPoint":5980,"title":"新媒體藝術全景課：11 週完成 8 件作品，打造你的個人創作流","descriptionContentBlocks":[{"type":"HTML","content":"

    🟢 本月最高！今天下單享 Line Pay 15% 超高回饋‼️ 募資優惠最後 1 天‼️

    1 元直播課搶先體驗【新媒體藝術全景課 Preview｜跟著哲宇做出 TouchDesigner 動態小作品】

    "},{"type":"YOUTUBE","content":"https://youtu.be/QKxuCV8egKo","title":"課程介紹"},{"type":"HTML","content":"

    \"新媒體藝術入門困境：想學\"新媒體藝術課程三大斷層：工作坊太貴、YouTube\"新媒體藝術全覽課程大綱前段，11\"新媒體藝術全覽課程大綱中段，自然演算法群聚生長、音頻分析音像互動（p5.js），TouchDesigner\"新媒體藝術全覽課程大綱後段，TouchDesigner\"吳哲宇新媒體藝術作品：《靈魂魚》威尼斯雙年展\"吳哲宇新媒體藝術課程學員作品：交大\"新媒體藝術全覽六大特色：完整創作路徑、國際級真實案例、11\"新媒體藝術全覽課程規格：線上直播加永久錄播，每週一堂共\"吳哲宇（Cheyu\"吳哲宇致學員的信：從\"新媒體藝術全覽學員評價：Hahow

    "},{"type":"HTML","content":"

    還在猶豫？這些問題或許你也有

    Q1：我完全沒程式基礎，可以跟上嗎？

    當然可以。第 1–2 堂會從 p5.js 最基礎開始教，難度曲線為新手設計。
    如果還是擔心，每堂都有 30 分鐘 Q&A 直接問哲宇。

    Q2：直播時間我可能無法到，會錯過嗎？

    不會，所有直播都會錄製並上架，永久回放。
    可以跟著自己的節奏看，作業也沒有截止日壓力。

    Q3：我已經會 p5.js / TouchDesigner，會不會太基礎？

    不會，可作為快速複習，並將重點放到 5–10 堂的整合與應用。

    Q4：課程結束後還能繼續學嗎？

    可以，所有內容永久回放。

    Q5：課程跟 MonoLab 自有 TD 課的差別？

    這堂是入門全景，11 週看完整領域。
    MonoLab 平台上的 TD 課是進階深入，適合已經知道方向的人。一個是地圖，一個是持續專精。

    Q6：此課程跟哲宇老師之前開過的《互動藝術程式創作入門》差別是什麼？

    最大的不同，在於定位層級。
    《互動藝術程式創作入門》是一堂工具課，帶你從零學會用 p5.js 做互動藝術創作；而這堂課的目標不是教你一個工具，而是幫你看清新媒體藝術這個領域的全貌：包含它有哪些路徑、工具之間怎麼銜接、分享實作商業案例、AI 時代怎麼持續創作等。
    在工具廣度上，這堂課涵蓋 p5.js、TouchDesigner、MediaPipe 與 AI 工具組，是一條從生成藝術到體感互動、音像表演的完整脈絡，如果你修過舊課，這堂課不會重複，而是帶你往前走一大步；如果你是新手，這堂課也適合作為你進入這個領域的第一張地圖。

    課前問題 & 作業回覆與頻率

    注意事項與常見問題

    "}],"metaDescription":"想做出有趣的數位互動作品，卻不知道從哪開始？這堂課帶你走過從程式到展覽的完整創作路徑，11 週做出 8 件作品，用 AI 打造你的個人創作流！","coverImage":{"_id":"6a54ee839e13b43e305f1cbb","url":"https://images.hahow.in/images/6a54ee839e13b43e305f1cbb","height":1240,"width":1999},"squareCoverImage":{"_id":"6a54f3e122b523fba1b216c0","url":"https://images.hahow.in/images/6a54f3e122b523fba1b216c0","height":1600,"width":1600},"video":{"_id":"6a572459077b9e01d2025b1c","videoStatus":"available","videoId":"vYoHqJo7","videoLengthInSeconds":89,"subtitles":[],"videos":[{"type":"video/mp4","quality":"sd","width":320,"height":180,"size":4222557,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-ngs0juV7.mp4?exp=1789031879&sig=d19ddf554486b9737983160a61fbfcf6","label":"180p"},{"type":"video/mp4","quality":"sd","width":480,"height":270,"size":6210106,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-5jtAYQQX.mp4?exp=1789031879&sig=edc689c6ada7eb2cb9cd6d9452184f38","label":"270p"},{"type":"video/mp4","quality":"hd","width":1280,"height":720,"size":18144438,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-4DPndCcZ.mp4?exp=1789031879&sig=7fff104177d3a2cc3c629234cd5d8de0","label":"720p"},{"type":"video/mp4","quality":"hd","width":1920,"height":1080,"size":38118319,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-Jwz4uGYf.mp4?exp=1789031879&sig=62648e275b44e0426224eff4304d89b4","label":"1080p"},{"type":"video/mp4","quality":"sd","width":640,"height":360,"size":6911196,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-v2Nmo538.mp4?exp=1789031879&sig=9f4cad62070954aa72190fbf5ec21c5f","label":"360p"},{"type":"video/mp4","quality":"sd","width":960,"height":540,"size":11874947,"link":"https://cdn.jwplayer.com/videos/vYoHqJo7-1Di1YdeL.mp4?exp=1789031879&sig=e857946be5cc3437e903f44d179512bb","label":"540p"}],"previewImageUrls":{"source":"HAHOW","images":{"DIMENSION_W300":"https://images.hahow.in/images/6a572544077b9e01d2025b80?width=300","DIMENSION_W600":"https://images.hahow.in/images/6a572544077b9e01d2025b80?width=600","DIMENSION_W1000":"https://images.hahow.in/images/6a572544077b9e01d2025b80?width=1000"}}},"requiredTools":"必備軟體（免費）\n- p5.js：老師將引導學員使用 OpenProcessing 作為線上編輯與作品分享平台，不需另外安裝。\n- TouchDesigner：請先於官方網站下載安裝免費非商業版。\n- AI 工具組合：僅第 10 堂使用，多為免費或有免費試用方案的工具，可依據個人習慣及需求配置。\n\n硬體需求\n- 電腦：能執行 TouchDesigner 的 Windows 或 macOS 電腦。\n- 麥克風：筆電內建即可，不需外接設備。\n- 攝像鏡頭：筆電內建即可，不需外接設備。\n\n進階選配，非必要\n- MIDI 控制器：課程中會帶到，可依據個人狀況選配。\n","recommendedBackground":"這堂課完全不需要程式基礎，老師會從 p5.js 的第一行程式碼開始帶起！\n\n如果你有以下經驗，會學得更順：\n- 會使用電腦基本操作：安裝軟體、開啟檔案、簡單的鍵盤快捷鍵\n- 有過任何視覺設計或創作經驗（不限工具）：對美感、構圖、色彩有基本感覺\n\n如果你已經有這些經驗，會覺得前面幾堂較輕鬆：\n- 有寫過任何程式語言\n- 用過 p5.js、Processing 或其他 creative coding 工具\n- 用過 TouchDesigner、Notch、Cavalry 等節點式工具","willLearn":"在這堂課中，你會掌握的技術能力：\n- 用 p5.js 從零寫出動態幾何、流場、群聚生長、音頻互動等生成藝術作品\n- 從 p5.js 平順切換到 TouchDesigner，掌握從「寫程式」到「節點式思維」兩種創作邏輯\n- 用 TouchDesigner 做出 3D 視覺、體感互動（結合 MediaPipe）、音像表演系統\n- 建立一套結合 AI 的個人創作工作流 SOP，加速從概念發想到作品產出的效率\n\n跟著老師，在這 11 週會做出：\n- 8 件屬於你的互動藝術作品：動態幾何、Flow Field 流場、群聚生長、音像互動等。\n- 1 份可以持續使用的個人 AI 創作工作流 SOP","targetGroup":"適合這堂課的你：\n- 想用程式碼做出有趣的數位互動作品，但不知道從哪學起\n- 學過 p5.js 或 TouchDesigner 基礎，但作品做不出完整感、想突破到展覽等級\n- 設計師、藝術工作者、行銷企劃，想擴充「動態互動」這條技能支線\n- 想把靜態作品動起來，讓作品集在提案時更有記憶點\n- 想接商業案（展覽、活動、品牌合作）的自由工作者\n- 對 AI 時代的創作方式有興趣，想建立自己的永續工作流\n\n這堂課可能不適合：\n- 只想單純學一個工具（例如純 p5.js 或純 TouchDesigner）到精通，不需要跨工具整合的人","modules":["6a54a33d9b84b9cff077cb45","6a55e5499cb9dfd0a57657da","6a55e5a656e35aac25a5bb89","6a55e5efb84e700b3c2f6f68"],"chargePlan":{"_id":"6a5dec8d66d2aaf25a7664f0","type":"CP_2023_50_50_90_10","course":"6a54a33d9b84b9cff077cb44","paymentPlanTypes":["PP_ORGANIC","PP_REFERRAL"],"contracts":[{"_id":"655ad460d24480de53648e94","title":"拆分_91_55（2023 版本）","type":"PRIMARY","status":"ACTIVE","chargePlanType":"CP_2023_50_50_90_10","paymentPlanTypes":["PP_ORGANIC","PP_REFERRAL"],"hidden":false,"createdAt":"2022-02-07T00:00:00.000Z","url":"https://storage.googleapis.com/hh-contract-prod/contract_20220207000000000.pdf"}],"status":"ACTIVE","createdAt":"2026-07-20T09:38:21.305Z"},"group":{"_id":"5c0a05491f7e290020b4c294","title":"程式","uniquename":"programming","subGroup":{"_id":"5c0a07f61f7e290020b4c2dc","title":"網頁前端","uniquename":"web-frontend"}},"productTags":[{"_id":"6a44bfce4b2b9bea51a40a09","name":"AI 應用","tagType":"BASIC","createdAt":"2026-07-01T07:20:46.790Z","updatedAt":"2026-07-01T07:20:46.790Z"},{"_id":"6570434bb95770d02464bafb","name":"Creative Coding","tagType":"BASIC","createdAt":"2023-12-06T09:47:55.243Z","updatedAt":"2023-12-06T09:47:55.243Z"},{"_id":"6a584273bc2f8810c132f8af","name":"MediaPipe","tagType":"BASIC","createdAt":"2026-07-16T02:31:15.871Z","updatedAt":"2026-07-16T02:31:15.871Z"},{"_id":"6a584273bc2f8810c132f8ae","name":"TouchDesigner","tagType":"BASIC","createdAt":"2026-07-16T02:31:15.871Z","updatedAt":"2026-07-16T02:31:15.871Z"},{"_id":"6a584273bc2f8810c132f8ad","name":"p5.js","tagType":"BASIC","createdAt":"2026-07-16T02:31:15.871Z","updatedAt":"2026-07-16T02:31:15.871Z"},{"_id":"6a58439aebd72ac1954aca45","name":"互動藝術","tagType":"BASIC","createdAt":"2026-07-16T02:36:10.141Z","updatedAt":"2026-07-16T02:36:10.141Z"},{"_id":"6a57568f737ce879b8bdfb0c","name":"吳哲宇","tagType":"BASIC","createdAt":"2026-07-15T09:44:47.874Z","updatedAt":"2026-07-15T09:44:47.874Z"},{"_id":"6a6327a14e847cfd191921d2","name":"定期更新型課程","tagType":"BASIC","createdAt":"2026-07-24T08:51:45.794Z","updatedAt":"2026-07-24T08:51:45.794Z"},{"_id":"6a584586540a87c9a3dfba7e","name":"程式創作","tagType":"BASIC","createdAt":"2026-07-16T02:44:22.113Z","updatedAt":"2026-07-16T02:44:22.113Z"},{"_id":"6a599906854626cb2a00fd53","name":"視覺設計","tagType":"BASIC","createdAt":"2026-07-17T02:52:54.124Z","updatedAt":"2026-07-17T02:52:54.124Z"}],"totalCourseLengthInSeconds":0,"includedKnowledgeCollections":[{"_id":"6a57568f737ce879b8bdfb07","title":"零經驗首選！養成全方位藝術創作力","coverImage":{"_id":"6a57306d30b8f254aa08495c","url":"https://images.hahow.in/images/6a57306d30b8f254aa08495c","height":625,"width":1000},"previewDescription":"14 天養成畫畫手感，11 週用程式讓創作動起來"},{"_id":"6a584273bc2f8810c132f8a8","title":"程式×手繪｜找到屬於你的創作語言","coverImage":{"_id":"6a58419cdcdd07be89aea14f","url":"https://images.hahow.in/images/6a58419cdcdd07be89aea14f","height":625,"width":1000},"previewDescription":"從數位互動的創作世界，到紙上的療癒塗鴉"},{"_id":"6a58439aebd72ac1954aca3f","title":"從網頁語法入門，邁向互動藝術實戰","coverImage":{"_id":"6a5842de30b8f254aa088e33","url":"https://images.hahow.in/images/6a5842de30b8f254aa088e33","height":625,"width":1000},"previewDescription":"吳哲宇老師新舊課一次擁有！"},{"_id":"6a58444dbc2f8810c132f930","title":"從網頁特效入門，到新媒體藝術的互動","coverImage":{"_id":"6a5843d6a07ac7551d750ad2","url":"https://images.hahow.in/images/6a5843d6a07ac7551d750ad2","height":625,"width":1000},"previewDescription":"想讓創作不只停在螢幕裡？下一步在這裡！"},{"_id":"6a584586540a87c9a3dfba79","title":"新媒體藝術創作入門工具ｘ實戰輸出","coverImage":{"_id":"6a5844b8b67da56d38a08482","url":"https://images.hahow.in/images/6a5844b8b67da56d38a08482","height":625,"width":1000},"previewDescription":"新手友善！打造屬於你的個人創作流！"},{"_id":"6a599906854626cb2a00fd4d","title":"從 AI 視覺設計流程到互動藝術創作","coverImage":{"_id":"6a59988ab84e700b3c309289","url":"https://images.hahow.in/images/6a59988ab84e700b3c309289","height":625,"width":1000},"previewDescription":"建立一套可以持續產出的數位創作系統"},{"_id":"6a59f958854626cb2a011062","title":"從工作流到創作流，建立完整實戰能力","coverImage":{"_id":"6a61bd02ac3eb19147882c9d","url":"https://images.hahow.in/images/6a61bd02ac3eb19147882c9d","height":625,"width":1000},"previewDescription":"AI 工作流 × 新媒體創作，帶你建立從想法到成果的完整方法"},{"_id":"6a603ee28b8f8118fea1011a","title":"85 折｜多元媒材的激盪與碰撞","coverImage":{"_id":"6a603e75df4ac48473968eca","url":"https://images.hahow.in/images/6a603e75df4ac48473968eca","height":625,"width":1000},"previewDescription":"手繪世界 x 新媒體藝術 不同媒介與載體的個人創作流🌷"},{"_id":"6a672a35318b418766362378","title":"85 折｜應用設計與藝術的思維碰撞","coverImage":{"_id":"6a6729e15162fb36ad33359f","url":"https://images.hahow.in/images/6a6729e15162fb36ad33359f","height":625,"width":1000},"previewDescription":"職場救星 x 新媒體藝術 零感總是從四面八方而來 🏃🏻‍♂️"},{"_id":"6a6ffb766bf10f503801af7b","title":"從數位創作到實體手作的變現地圖","coverImage":{"_id":"6a6ffb0c8ddb801d963d4f8b","url":"https://images.hahow.in/images/6a6ffb0c8ddb801d963d4f8b","height":625,"width":1000},"previewDescription":"別讓才華止於作品集！打通從創作到變現的完整路徑"},{"_id":"6a8bc3b649616fc0787ff644","title":"85 折｜藝術設計所呈現的不同面向","coverImage":{"_id":"6a8bc39c6295ea48c5880711","url":"https://images.hahow.in/images/6a8bc39c6295ea48c5880711","height":625,"width":1000},"previewDescription":"動態魔法 x 新媒體藝術 動態與個人創作的各自展現✨ "}],"globalAverageRating":4.81,"hasSubscribedSaleNotification":false,"purchasePlan":{"id":"6a869d7e514be351a61dbaac","type":"COURSE_INCUBATING","category":"COURSE","price":3480,"priceInMoneyPoint":3480,"expiredAt":"2026-09-09T15:59:59.000Z","isLimitedTimeOffer":true},"currencyCode":"TWD","basePricingInfo":{"price":5980,"preOrderedPrice":5980,"currencyCode":"TWD"}}