小白也能成為動畫魔術師,60分鐘完成互動動畫 Demo
想踏入前端領域,卻不知道從哪裡開始?
這堂課將帶你從 零基礎學習 JavaScript,不用硬背艱深的語法,而是透過 p5.js 的直覺式工具,從簡單的圖形與顏色變化開始,親手示範程式如何讓畫面動起來。
你不只會學到 前端 JavaScript 的基礎概念,還能在課堂上實作互動動畫 Demo,體驗從靜態設計到動態互動的轉變。這程式與設計的結合,你將發現作品能更有生命力與驚喜
講座亮點
- 零基礎入門:專為初學者設計,從基礎語法到動畫應用逐步拆解。
- 實作為主:透過 p5.js,邊學邊做,立即看見畫面變化。
- 互動設計:學會結合滑鼠、鍵盤操作,讓畫面回應使用者。
- 創意應用:為作品集、互動網頁或跨領域創作增加獨特亮點。
- 延伸進階:為未來挑戰更複雜的前端動畫、生成藝術或互動媒體打下基礎。
👩💻 適合誰學習?
- 前端新手:剛開始學 JavaScript,想快速體驗實際應用。
- 轉職前端者:需要增加互動動畫技能,讓作品集更吸睛。
- 設計 / 藝術背景者:想讓靜態設計與作品透過程式動起來。
- 跨領域創作者:想用程式語言拓展創作表現力,結合藝術與科技。
- 對互動藝術有興趣的人:希望探索 JavaScript 與視覺創作的可能性。
講師介紹
生成式演算藝術家 Generative Artist / 墨雨互動設計創辦人 吳哲宇
講師資訊連結:
https://cheyuwu.notion.site/20231123-Che-Yu-Wu-6aecdc95271742d4b9a1ea50cb8fb0c0
講座資訊
🗓 講座時間:2025 年 9 月 11日(星期四)晚上 19:00–20:00
💻 講座方式:Google Meet 線上直播
🌼 報名後將於講座前兩日寄送講座連結與通知


