街角，自然發生：p5.js 完整作品集
街角，自然發生：p5.js 完整作品集
更新時間：2026-10-30 12:32:07（Asia/Macau）
開啟與成品
- 雙擊上層的 打開作品總覽_20261030122925.html，或本資料夾
index.html。 - 全部作品：九頁 A3 PDF。
- 每套包含左側、右側、尾部及頂部三張畫稿，預設 seed=27、t=0。
| 作品 | 三頁 A3 PDF | 其他成品 |
|---|---|---|
| 潮汐共生 | 潮汐共生_AI展示_A3三頁_seed27_t0_20261030123000.pdf | 3 張 PNG、3 張 SVG |
| 葉脈之城 | 葉脈之城_AI展示_A3三頁_seed27_t0_20261030123001.pdf | 3 張 PNG、3 張 SVG |
| 街巷有光 | 街巷有光_AI展示_A3三頁_seed27_t0_20261030123002.pdf | 3 張 PNG、3 張 SVG |
創作依據
已讀取原交件總覽、工具使用說明、../../10-generative-art.md、專用畫稿、設計指引與本地圖庫說明。轉化為以下具體設計要求：
- 以自然流線、重複曲線、葉脈和數學節奏創作，不重製參考藝術家的特定作品。
- 遠觀使用單一清楚主體和大色塊，近觀加入線條層次。
- 三張畫稿有相同視覺語言；主體置於大面板，窄面板另作安排。
- 採用淺色底與有限調色盤，不依賴螢幕發光、混色或霓虹效果。
- 圖案不含姓名、品牌、口號或網上圖片；官方掃描底圖沿用原檔。
| 方案 | 構圖與演算 | 理念字數 |
|---|---|---|
| 潮汐共生 | 多層正弦曲線、白鷺、日輪與水面線條 | 79 |
| 葉脈之城 | 貝茲葉片、枝芽、葉脈與晨光拱形 | 84 |
| 街巷有光 | 原創拱形、圓弧與幾何模組排列 | 82 |
使用
- 選作品，再切換三張畫稿；「飾面近看」看桶身構圖，「A3 畫稿」看完整紙張。
- 可選灰階、遠看、6 mm 邊沿帶或 10 mm 格線；輔助不會進入匯出檔。
- 同一 seed 與 t 可重現相同構圖。動畫僅供探索，匯出時會暫停。
- 題目與理念可在右側編輯；設定儲存在該瀏覽器的本機儲存空間。「還原此作品」恢復預設。
- 新匯出檔使用 Asia/Macau 的新 14 位時間戳。
檔案與格式
designs_20261030122925.js：三套原創繪圖程式。studio_20261030122925.js：預覽、設定、文字排版與匯出。vector_masks_20261030122925.js：由現有遮罩邊界轉出的向量裁切路徑，包含部件孔洞。index.html：固定進入點，依檔名規則的執行契約例外保留原名。- p5.js、p5.svg、jsPDF 與官方底圖沿用相鄰
04_p5js設計工具的現有本機檔案；無新增專案依賴。搬動時保留相對位置。 - PDF：420 × 297 mm、三頁、300 dpi 點陣畫稿；包含原有官方掃描底圖，不是全向量 PDF。
- PNG：每頁 4961 × 3508 px，對應 A3 約 300 dpi。
- SVG：純向量飾面，帶實際面板裁切與孔洞，不含官方掃描底圖及第三頁題目／理念欄；不能直接代替完整 A3 畫稿。
驗證
| 項目 | 結果 | 證據 |
|---|---|---|
| JavaScript 語法、頁面載入 | PASS | 三套可載入；瀏覽器 pageerror 為 0 |
| 三套 × 三張畫稿 | PASS | 九張畫稿均已實際渲染及目視檢查 |
| PASS | 三份各三頁；全部 A3 420 × 297 mm；九頁合併檔已重讀 | |
| PNG | PASS | 九份均為 4961 × 3508 px |
| SVG | PASS | 九份可解析、無內嵌點陣圖片、含裁切；與同畫面 canvas 比對，平均色階差小於 0.42 / 255 |
| 匯出按鈕 | PASS | PDF、PNG、SVG 均觸發真實下載 |
| 理念字數 | PASS | 三套均在 50–100 字；過短文字會阻止匯出 |
| 種子與時間 | PASS | 同設定重繪一致；播放可暫停；重新載入保留設定 |
| 手機 | PASS | 390 px 視窗無橫向溢出，已檢查完整頁面 |
驗證使用本機 Chrome 與 Playwright；Playwright 只裝在暫存 QA 目錄，未加入作品依賴。未做實物試印或戶外耐候測試；螢幕顏色不等同紙張成色。原掃描畫稿的裁邊限制保留，未冒稱為官方向量原稿。
創作與參賽界線
本次圖案、理念及程式由 AI 協助創作，頁面及匯出檔均已標示。本作品集供展示與學習，不能當作符合現有「未使用 AI」聲明的正式交件。沒有更動或簽署報名表與聲明書，也沒有對外提交或發布。
