林信良(良葛格)玩轉 p5.js數位運算美學!
以創作者角度為本,不迷失在繁瑣功能中 深入淺出演算法,提升讀者知識見聞,進而產生豐富靈感來源
* 示範如何從發想,到最終產生令人驚豔的作品
從三角函數、矩陣/向量、直角座標/極座標這些基礎數學出發,再透過蚊香、拼接磚塊、刺繡、地毯這類貼近日常生活範例,帶您進入螺線、曲線、碎形、雜訊、迷宮、計算幾何、力學、視覺化等進階議題,再運用程式設計的方式創作出整個世界。
- 從創作者角度出發,不拘泥於詳解p5.js每一項功能,著重在「把腦中想法,化為實際成品」的創作過程。
- 介紹 p5.js 的繪圖系統,包括座標定義、旋轉與平移等轉換、色彩處理、基本幾何圖形繪製等功能。
- 介紹 p5.js 的事件處理機制,包括事件堆疊的運作、動畫控制、滑鼠控制等議題。
- 介紹 p5.js 的圖片處理方式,包括 2D/3D 呈現、視角變化、畫布/像素/濾鏡/遮罩等概念。
- 介紹 p5.js 的影音支援,包括影音資料輸出輸入的介接與控制。
- 解說創作過程時,適度加入數學觀念介紹。對數學觀念有越清楚的掌握,越能夠有效率地實現靈感。
- 建議在 p5.js 的 Web 編輯器進行創作與分享,並且欣賞來自世界各地同好的作品。