🎨 #35 觸屏點點塗鴉區：點擊畫布浮現創意塗鴉的互動藝術裝置（XOOPS 文章嵌入版）
#35 真實標題「桃園市石門國小校網 - 點擊下方畫布，浮現創意塗鴉！」是阿凱嵌在學校 XOOPS 系統文章內的互動塗鴉裝置 — 點畫布隨機出現創意圖案。68KB 含 XOOPS 系統頁面但實際工具邏輯精簡。
XOOPS tadnews 頁面 — 另一種部署方式
#35 用了第六種部署方式 — 嵌在 XOOPS tadnews 文章內：
URL：web.smes.tyc.edu.tw/modules/tadnews/page.php?ncsn=14&nsn=2856
XOOPS tadnews 是 XOOPS 系統的文章模組，阿凱寫工具直接貼進文章內，跟其他 smes_html/*.html 純單檔不同。
為什麼用 XOOPS tadnews 而不是純單檔？
XOOPS tadnews 的好處：
- ✅ 直接由學校網站發布 — 自動進「最新消息」列表
- ✅ 學生家長從首頁文章列表能看到 — 不用記住 URL
- ✅ 內建留言 + 分類
- ❌ 但 HTML 會被 XOOPS 主題包一層（含校網行事曆 / 處室導覽）— 工具實際內容在中間 iframe-like 嵌入區
#35 真實核心
真實標題：「點擊下方畫布，浮現創意塗鴉！」
核心互動：
- 螢幕中央有一個畫布
- 學生點擊任意位置
- 該位置浮現隨機創意塗鴉
- 多人同時點 → 多塗鴉並存
跟 #32 觸屏碰碰碰 概念類似但呈現形式不同 — #32 是浮動圖案 / #35 是塗鴉繪畫風格。
真實技術棧
- 嵌入 XOOPS tadnews 文章（68 KB 含 XOOPS 系統頁面）
- 實際工具邏輯內嵌在文章區
- requestAnimationFrame 流暢繪製
- 部署：
smes.tyc.edu.tw/modules/tadnews/page.php?ncsn=14&nsn=2856
教學情境
走廊觸控螢幕：
- 學生路過點兩下 → 浮現塗鴉 → 5 秒小確幸
藝術與人文課：
- 講「集體塗鴉藝術」
- 全班同時點 → 大家共創一幅圖
校慶 / 親職日：
- 家長路過點一下 → 留下「今天我在這」的視覺印記
配對工具推薦
- #32 觸屏碰碰碰 — 浮動圖案版
- #34 互動式影像聲音遊戲區 — 多功能互動裝置
- #37 聲波擴散 360 小遊戲 — 聲音版互動
適用對象
- 有大型觸控螢幕的學校
- 藝術與人文老師（互動藝術單元）
- 圖書館 / 學習角規劃者
- 想做「集體塗鴉藝術」的老師
想試試？
把螢幕擺在走廊 — 學生每個路過點一下，集體塗鴉慢慢成形。