學習玩轉物理教材！運用 Canva Code 的五大範例靈感（含參考指令）

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 我正在準備「重力模擬器 Gravity Simulator」互動教材，讓學生比較物體下落。

【任務講解】
- 物體選擇 Objects：建立 3 個按鈕：「羽毛 🪶」「球 🏀」「鐵球 ⚙️」。每個按鈕綁定 currentMass（質量）與 dragCoeff（阻力係數，先預設 0）。
- 變數與狀態 Variables：
- g = 9.81（m/s²），startHeight = 5（m），currentMass 依物體切換。
- time = 0、isFalling = false。
- 動畫邏輯 Animation：點選物體→將物體 Y 座標重置到 startHeight、time 歸零、isFalling=true，以每幀 v = v + g*dt、y = y + v*dt 更新；當 y >= 0（地面）→停止、顯示「下落時間：{time.toFixed(2)} 秒」。
- 提示語 Prompt：落地後顯示：「重力加速度是否與物體質量無關？」

【格式補充】
- 版面配置 Layout：上方標題「重力模擬器 Gravity Simulator」，中間置中掉落區（落點地面線與刻度），下方控制區。
- UI 微互動：落地瞬間微晃動（0.2 秒輕微縮放），加強回饋。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 接續上一段的重力模擬器，這次要增加重力場、阻力與預測題。

【任務講解】
- 重力場切換 Gravity Context：新增切換鈕「地球」「月球」「木星」。
- 空氣阻力 Air Resistance：加入開關「空氣阻力 Air Resistance」；開啟時將更新運動方程 a = g - (k*dragCoeff*v)/currentMass（k 為比例常數），羽毛 dragCoeff 明顯較大。
- 資料呈現 Data HUD：右側顯示即時式：F = m × g 與 g 值；落地後顯示表格：物體/重力場/是否有阻力/下落時間。
- 挑戰題 Challenge：按鈕「我來預測！」→彈出選單讓學生選「誰最快落地？」→比對結果，顯示 ✅/❌ 與簡短解釋。

【格式補充】
- 可及性與質感：按鈕有焦點樣式、動畫 300ms 緩動；全畫面留白、統一字級階層。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 我正在準備以氣球、頭髮與紙片呈現靜電吸引的互動教材。

【任務講解】
- 狀態與參數 States：
- chargeBalloon = 0（-5~+5），isCharged = false（基礎版可直接預設 true）。
- 拖曳互動 Drag：拖曳氣球接近紙片→當距離 < 80px，紙片以 250ms 動畫上移並輕微旋轉；接近頭髮→頭髮上方髮絲圖示「✨」抖動。
- 文字提示 Text：顯示「帶電產生吸引力 Charged objects attract!」。
- 回復機制 Reset：離開距離門檻即恢復原位，避免誤觸。

【格式補充】
- 場景 Scene：桌面背景（簡約淺色），放入「氣球 🎈」「頭髮 💇‍♀️」「紙片 📄」。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 接續上一段的靜電教材，這次要增加摩擦與帶電門檻。

【任務講解】
- 摩擦步驟 Friction：新增「摩擦 Rub」按鈕與「拖曳摩擦區域」；當氣球在頭髮上左右摩擦超過 2 秒或點擊摩擦按鈕 3 次→chargeBalloon 累加（顯示電荷條 📶）。
- 效果門檻 Threshold：isCharged = (chargeBalloon >= 2)；只有達門檻時靠近紙片/頭髮才觸發吸附/飄起特效。

【格式補充】
- 細節與質感：介面加上 8px 圓角卡片、陰影、微漸層；動畫 200–300ms 緩動。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 我正在準備以小車呈現推力與加速度關係的互動教材。

【任務講解】
- 控制 Controls：
- 滑桿 Force（0–100 N），滑桿 Mass（1–10 kg）。
- 狀態與方程 States：v=0、x=0、a = F/m（基礎版忽略摩擦）。
- 流程 Flow：按「開始 ▶️」→每幀更新 v += a*dt、x += v*dt；觸達終點或 10 秒超時即結束。
- 回饋 Feedback：顯示「加速度 a = {a.toFixed(2)} m/s²」與「完賽時間」。結束彈出小結論：「在相同推力下，質量越大，加速度越小」。

【格式補充】
- 版面 Layout：上方標題，中間水平賽道，左端小車 🚗，右端終點旗 🏁，下方控制面板。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 接續上一段的小車教材，這次要增加摩擦力與紀錄。

【任務講解】
- 地面材質 Friction Models：三種選項：「冰面 ❄️（μ=0.02）」「木板 🪵（μ=0.2）」「粗糙 🪨（μ=0.4）」；顯示摩擦力 f = μ × m × g。
- 動態方程：a = (F - f)/m；若 F < f → 顯示「無法啟動」的提示與微抖動效果。

【格式補充】
- 資料面板 HUD：同步呈現 F、m、μ、f、a；完賽後寫入紀錄表（時間戳、參數、成績）。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 我正在準備讓學生改變入射角、觀察反射光的互動教材。

【任務講解】
- 控制 Control：滑桿 θi（0–80°），動態顯示數值。
- 反射規則：繪製反射光，保持 θr = θi；角標以弧度動畫展現。

【格式補充】
- 裝置與軸線：中央擺放平面鏡 🪞，繪製法線（虛線），左側入射光。
- 即時標註：於畫面下方同步顯示「入射角 = 反射角 Angle of incidence = Angle of reflection」。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 接續上一段的光線教材，這次要增加介質與折射的比較。

【任務講解】
- 介質 Mediums：下拉選單「空氣 🌫️(n=1.00)」「水 💧(n=1.33)」「玻璃 🪩(n=1.50)」，可自訂 n（1.0–1.6）。
- 折射 Snell 定律：依 n1 sin θi = n2 sin θt 計算折射角；臨界角條件下顯示「全反射」並轉為反射光動態閃爍。
- 指引與挑戰：按鈕「哪個介質折射最明顯？」→出題（多選）→答後顯示折射率排序與解析。

【格式補充】
- 學習摘要：小卡片列出 n = sin(i)/sin(r) 與各材質 n 值；提供「一鍵重設」確保多回合實驗流暢。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 我正在準備比較聲音在不同介質中傳播的互動教材。

【任務講解】
- 介質選擇 Medium：三顆按鈕「空氣 🌬️」「水 💧」「金屬 🧱」。
- 動畫與速度：按下後播放自左向右的波前動畫；設定示意速度比：空氣 1x、水 4x、金屬 15x（相對速度即可）。

【格式補充】
- 說明文字：顯示「聲音需要介質傳播 Sound needs a medium.」。
- 節奏音效：依速度播放對應節拍（慢/中/快），並提供靜音切換。

參考範本｜請依自己的需求修改；有提供範例資料時，記得一併調整。

【情境敘述】
- 接續上一段的聲音傳播教材，這次要增加真空與排序練習。

【任務講解】
- 真空 Vacuum：新增「真空 🪐」按鈕，按下時波形不顯示並提示「真空中無法傳播」。
- 情境任務：三題小任務（如「哪個介質最快到達右端感測器？」），每題答後給即時回饋與解析。

【格式補充】
- 資料面板 Data：表格顯示介質與示意速度；提供拖曳排序題「請由慢到快排序」。