<aside>
☝🏻 本週起我們將會探索自 2014 年起的 HTML5 標準，以拓展網頁的有趣互動元素。我們將討論兩個大主題： <svg/> 向量圖像和 <canvas/> 點陣畫布，也會學習怎麼使用兩個熱門的 Javascript 函式庫（D3.js 和 p5.js）來操作它們。
最後，我們會結合這些主題，看看在現代網頁設計中，創意編碼還有哪些其他可能性？
</aside>
[email protected] ｜https://munusshih.com/
<aside> 🏳️🌈 嗨大家好！我是 Munus。
Munus 是一位在新竹縣長大的設計師、創意編碼師和組織者。現居紐約市布魯克林區的他，致力於教學程式編碼和社群建立中引入更具批判性和多元性的觀點。他平時在 Athletics 擔任創意工程師，其他時間在 Parsons School of Design 和 Cooper Union 擔任客座講師。疫情期間，Munus 與廖一豪、魏茲芸共同創立了 SpOnAcT! 偶發集合，以深入關注台灣的同志酷兒、勞動和批判性編碼教學等議題。
Munus 的作品和計劃曾入選 Processing Foundation Fellowship、NEW INC、Creative Coding Fest、2023 Open Source Art Contributor's Conference 和 IBM Quantum Design Jam。
</aside>
<aside> 🏳️🌈 本週我們將會從如何繪製 SVG 開始，分別介紹如何使用 CSS 讓向量簡單動起來，利用 D3.js 做出更精細的控制，以及使用 Intersection Observer 做出滑到時才會播放的動畫。
</aside>
<aside> 🏳️🌈 本週我們將介紹取代 Flash 動畫的 HTML Canvas。由於 Canvas 實在無所不能，因此我們這次將只花時間介紹如何利用熱門的函式庫 p5.js 創造可以互動的 generative typography，以及如何連動 p5 和 HTML 元素來創作許多不同場景的動畫。
</aside>
**課程時間：**100 分鐘課程，10 分鐘緩衝
課程內容
圖片主題