|
|
|
林信良(良葛格)玩轉 p5.js數位運算美學！
* 以創作者角度為本，不迷失在繁瑣功能中
* 深入淺出演算法，提升讀者知識見聞，進而產生豐富靈感來源
* 示範如何從發想，到最終產生令人驚豔的作品
從三角函數、矩陣/向量、直角座標/極座標這些基礎數學出發，再透過蚊香、拼接磚塊、刺繡、地毯這類貼近日常生活範例，帶您進入螺線、曲線、碎形、雜訊、迷宮、計算幾何、力學、視覺化等進階議題，再運用程式設計的方式創作出整個世界。
- 從創作者角度出發，不拘泥於詳解p5.js每一項功能，著重在「把腦中想法，化為實際成品」的創作過程。
- 介紹 p5.js 的繪圖系統，包括座標定義、旋轉與平移等轉換、色彩處理、基本幾何圖形繪製等功能。
- 介紹 p5.js 的事件處理機制，包括事件堆疊的運作、動畫控制、滑鼠控制等議題。
- 介紹 p5.js 的圖片處理方式，包括 2D/3D 呈現、視角變化、畫布/像素/濾鏡/遮罩等概念。
- 介紹 p5.js 的影音支援，包括影音資料輸出輸入的介接與控制。
- 解說創作過程時，適度加入數學觀念介紹。對數學觀念有越清楚的掌握，越能夠有效率地實現靈感。
- 建議在 p5.js 的 Web 編輯器進行創作與分享，並且欣賞來自世界各地同好的作品。
作者簡介
林信良
專長是技術寫作、翻譯與教育訓練，喜好研究程式語言、框架、社群，從中學習設計、典範及文化，閒暇之餘喜好用文字記錄所學。曾任昇陽教育訓練中心技術顧問、甲骨文教育訓練中心授權講師，也曾在JavaWorld@TW網站擔任版主（暱稱caterpillar），在網路上發表各類技術文件超過上千篇，涵蓋C/C++、Java、Ruby/Rails、Python、JavaScript、Haskell等多個領域。
ch01 p5.js 起步走
1.1 初試p5.js
1.2 座標／事件／動
ch02 規律與隨機
2.1 構築規律
2.2 穿插隨機
ch03 創作裡的數學
3.1 三角函式
3.2 向量／矩陣
ch04 螺線與曲線
4.1 螺線
4.2 曲線
ch05 圖片處理
5.1 拼接／裁剪
5.2 像素控制
ch06 像素風格
6.1 方塊線段
6.2 方塊多邊形
ch07 碎形與L-system
7.1 碎形／海龜
7.2 L-system
ch08 雜訊美學
8.1 Perlin 雜訊
8.2 Worley 雜訊
ch09 構造迷宮
9.1 創造迷宮
9.2 不同形狀的迷宮
ch10 拼接之碼
10.1 拼接模式
10.2 尋找輪廓
ch11 空間劃分
11.1 Voronoi
11.2 Delaunay三角化
ch12 力的運用
12.1 力的模擬
12.2 複雜系統
ch13 音與影
13.1 使用p5.sound
13.2 影像處理
