p5.js 教學工具及作品展示
程式繪圖工具、三套生成藝術作品、煙花課堂示範及可下載的畫稿。
p5.js 教學工具及作品展示
本頁工具、圖案、設計理念及程式由 AI 協助製作,只供展示和教學,不可參加本比賽,也不可描摹或改作後參賽。 比賽要求參賽作品沒有使用 AI 生成內容,請先讀章程。
開啟教學工具
| 內容 | 開啟 | 說明 |
|---|---|---|
| p5.js 設計工具 | 開啟工具 | 編輯 my_design.js、面板遮罩、灰階、遠看、PDF/PNG/SVG 匯出 |
| 街角,自然發生 | 開啟三套作品 | 潮汐共生、葉脈之城、街巷有光;可切換畫稿與動畫 |
| 前地煙花 | 開啟煙花示範 | 建築、煙花、瓷磚及碎石波浪的程式繪圖 |
手機先看下方圖片及 PDF;編輯程式、向量匯出及 A3 列印建議使用電腦。互動頁會另開完整 HTML 介面。
三套生成藝術作品
潮汐共生(AI 教學展示,不可參賽)
向量飾面:第 1 張 SVG · 第 2 張 SVG · 第 3 張 SVG
葉脈之城(AI 教學展示,不可參賽)
向量飾面:第 1 張 SVG · 第 2 張 SVG · 第 3 張 SVG
街巷有光(AI 教學展示,不可參賽)
向量飾面:第 1 張 SVG · 第 2 張 SVG · 第 3 張 SVG
前地煙花(AI 課堂示範,不可參賽)
使用說明與延伸閱讀
A3 空白畫稿
以下由學校收到的 A4 掃描本放大至 A3;原掃描有少量裁邊,建議優先使用官方 PDF核對。