0人評分過此書
p5.js演算創作
內容簡介:林信良(良葛格)玩轉 p5.js數位運算美學!
* 以創作者角度為本，不迷失在繁瑣功能中
* 深入淺出演算法，提升讀者知識見聞，進而產生豐富靈感來源
* 示範如何從發想，到最終產生令人驚豔的作品
從三角函數、矩陣/向量、直角座標/極座標這些基礎數學出發，再透過蚊香、拼接磚塊、刺繡、地毯這類貼近日常生活範例，帶您進入螺線、曲線、碎形、雜訊、迷宮、計算幾何、力學、視覺化等進階議題，再運用程式設計的方式創作出整個世界。
- 從創作者角度出發，不拘泥於詳解p5.js每一項功能，著重在「把腦中想法，化為實際成品」的創作過程。
- 介紹 p5.js 的繪圖系統，包括座標定義、旋轉與平移等轉換、色彩處理、基本幾何圖形繪製等功能。
- 介紹 p5.js 的事件處理機制，包括事件堆疊的運作、動畫控制、滑鼠控制等議題。
- 介紹 p5.js 的圖片處理方式，包括 2D/3D 呈現、視角變化、畫布/像素/濾鏡/遮罩等概念。
- 介紹 p5.js 的影音支援，包括影音資料輸出輸入的介接與控制。
- 解說創作過程時，適度加入數學觀念介紹。對數學觀念有越清楚的掌握，越能夠有效率地實現靈感。
- 建議在 p5.js 的 Web 編輯器進行創作與分享，並且欣賞來自世界各地同好的作品。
* 以創作者角度為本，不迷失在繁瑣功能中
* 深入淺出演算法，提升讀者知識見聞，進而產生豐富靈感來源
* 示範如何從發想，到最終產生令人驚豔的作品
從三角函數、矩陣/向量、直角座標/極座標這些基礎數學出發，再透過蚊香、拼接磚塊、刺繡、地毯這類貼近日常生活範例，帶您進入螺線、曲線、碎形、雜訊、迷宮、計算幾何、力學、視覺化等進階議題，再運用程式設計的方式創作出整個世界。
- 從創作者角度出發，不拘泥於詳解p5.js每一項功能，著重在「把腦中想法，化為實際成品」的創作過程。
- 介紹 p5.js 的繪圖系統，包括座標定義、旋轉與平移等轉換、色彩處理、基本幾何圖形繪製等功能。
- 介紹 p5.js 的事件處理機制，包括事件堆疊的運作、動畫控制、滑鼠控制等議題。
- 介紹 p5.js 的圖片處理方式，包括 2D/3D 呈現、視角變化、畫布/像素/濾鏡/遮罩等概念。
- 介紹 p5.js 的影音支援，包括影音資料輸出輸入的介接與控制。
- 解說創作過程時，適度加入數學觀念介紹。對數學觀念有越清楚的掌握，越能夠有效率地實現靈感。
- 建議在 p5.js 的 Web 編輯器進行創作與分享，並且欣賞來自世界各地同好的作品。
- 序
- 導讀
-
1 p5.js 起步走
-
1.1 初試p5.js
-
1.1.1 Hellop5.js
-
1.1.2 創意寫碼／生成藝術
-
1.1.3 p5.js Web 編輯器
-
1.1.4 HTML 編輯與執行
-
-
1.2 座標／事件／動畫
-
1.2.1 座標轉換
-
1.2.2 事件處理
-
1.2.3 動畫控制
-
-
-
2 規律與隨機
-
2.1 構築規律
-
2.1.1 魔幻方塊
-
2.1.2 線的交織
-
2.1.3 謝爾賓斯基三角形
-
2.1.4 嵌套的圓
-
-
2.2 穿插隨機
-
2.2.1 斜紋布
-
2.2.2 Truchet 拼接
-
2.2.3 日本刺繡
-
-
-
3 創作裡的數學
-
3.1 三角函式
-
3.1.1 sin／cos／tan
-
3.1.2 極座標／直角座標
-
3.1.3 asin／acos／atan2
-
-
3.2 向量／矩陣
-
3.2.1 向量與p5.Vector
-
3.2.2 矩陣與applyMatrix
-
-
-
4 螺線與曲線
-
4.1 螺線
-
4.1.1 黃金螺線
-
4.1.2 阿基米德螺線
-
-
4.2 曲線
-
4.2.1 貝茲曲線
-
4.2.2 Catmull-Rom 曲線
-
-
-
5 圖片處理
-
5.1 拼接／裁剪
-
5.1.1 圖片載入／顯示
-
5.1.2 背景處理
-
5.1.3 圖片動畫
-
5.1.4 平面／斜角地圖
-
-
5.2 像素控制
-
5.2.1 取得／設定像素
-
5.2.2 濾鏡實現
-
-
-
6 像素風格
-
6.1 方塊線段
-
6.1.1 方塊直線
-
6.1.2 方塊曲線
-
-
6.2 方塊多邊形
-
6.2.1 簡單多邊形
-
6.2.2 像素圓
-
-
-
7 碎形與L-system
-
7.1 碎形／海龜
-
7.1.1 謝爾賓斯基地毯
-
7.1.2 海龜繪圖
-
7.1.3 海龜也懂碎形
-
-
7.2 L-system
-
7.2.1 認識L-System
-
7.2.2 L-system 與海龜
-
-
-
8 雜訊美學
-
8.1 Perlin 雜訊
-
8.1.1 認識noise 函式
-
8.1.2 雜訊值的應用
-
-
8.2 Worley 雜訊
-
8.2.1 實作Worley 雜訊
-
8.2.2 網格Worley 雜訊
-
8.2.3 雜訊結合雜訊
-
-
-
9 構造迷宮
-
9.1 創造迷宮
-
9.1.1 迷宮的細胞
-
9.1.2 二元樹迷宮
-
9.1.3 遞迴回溯迷宮
-
-
9.2 不同形狀的迷宮
-
9.2.1 蜂巢迷宮
-
9.2.2 迷宮與遮罩
-
9.2.3 Theta 迷宮
-
-
-
10 拼接之碼
-
10.1 拼接模式
-
10.1.1 王氏磚
-
10.1.2 迷宮拼接
-
-
10.2 尋找輪廓
-
10.2.1 迷宮牆面輪廓
-
10.2.2 Marching squares
-
-
-
11 空間劃分
-
11.1 Voronoi
-
11.1.1 半平面交集
-
11.1.2 網格Voronoi
-
-
11.2 Delaunay 三角化
-
11.2.1 Bowyer-Watson 演算
-
11.2.2 實作Bowyer-Watson 演算
-
11.2.3 Delaunay 三角／Voronoi 圖
-
-
-
12 力的運用
-
12.1 力的模擬
-
12.1.1 牛頓運動定律
-
12.1.2 重力／空氣阻力
-
-
12.2 複雜系統
-
12.2.1 群聚演算
-
12.2.2 差別生長
-
12.2.3 雜訊圓堆砌
-
-
-
13 音與影
-
13.1 使用p5.sound
-
13.1.1 音源輸入設備
-
13.1.2 載入音樂檔案
-
13.1.3 頻率分析
-
13.1.4 音效製作
-
-
13.2 影像處理
-
13.2.1 使用攝影機
-
13.2.2 載入影片檔案
-
-
評分與評論
請登入後再留言與評分
PDF
PDF
PDF
PDF
PDF
