Embedded Files
一、請到canva網站註冊及登入，登入後，在主要選擇：canva ai，並且加入提示詞。最後再點選"幫我撰寫程式碼"
二、也可以直接點選有程式碼的範例，讓canva code直接生成。
三、提示詞生成後，點選右側的分享
0、提示詞內容：
設計一個配對遊戲，利用鍵盤輸入快捷鍵，例如：貼上就是ctrl+v，要按鍵盤的crtl及v才能答對。配對內容有：ctrl+v就是貼上；ctrl+c就是複製；ctrl+x就是剪下；視窗鍵+p就是切換投影；視窗鍵+e就是開啟檔案總管。alt+tab就是切換工作視窗。
1、公開檢視連結，即可以產生一個連結供教學暫時使用。
2、將此設計生成網站，即可以在此命名的網站上使用。
3、連結
四、提示詞生成後，點選右側的分享
0、提示詞內容：
翻牌數量：這裡一共 10 張牌（5 對 → 適合 3x3 或 3x4 的格子）。通常翻牌遊戲要偶數，建議保持 10張（5對） 比較順。
內容設計：
網路遊戲 ↔ 沉迷打遊戲
社群媒體 ↔ 滑手機過久
上網過夜 ↔ 睡眠不足
網路霸凌 ↔ 心理壓力
正確使用 ↔ 健康生活
1、公開檢視連結，即可以產生一個連結供教學暫時使用。
2、將此設計生成網站，即可以在此命名的網站上使用。
3、連結
五、提示詞生成後，點選右側的分享
0、提示詞內容：
🔺 初始畫面
🔺 初始畫面
顯示一個可以拖曳兩個頂點（固定一點當底點 A）形成三角形 ABC，隨著點 B 和 C 的移動，角 A（或任一角）動態改變。
🎯 提示詞設計（互動引導語）
[初始提示詞]
🧭 提示：拖曳三角形的頂點來觀察角度的變化！[銳角狀態偵測時]
📐 這是銳角三角形：三個角都小於 90°！[直角狀態偵測時]
🎯 太棒了！你創建了一個直角三角形！其中一個角正好是 90°！[鈍角狀態偵測時]
🔍 看！這是鈍角三角形：其中一個角大於 90°！[進一步引導]
🧪 試著將一條邊拉長，觀察角度是怎麼改變的！
🔧 操作建議：互動邏輯說明
點 A 固定在畫面左下角（例如座標 (100, 400)）
點 B、C 可以拖曳
用 Canvas Code 內建角度計算函式（或三角函數）來判斷角 ABC, BCA, CAB 的角度
畫面呈現建議：
畫出角度標記（如：∠A = 85°）
根據三角形類型自動變更角標註顏色（銳角 = 綠色、直角 = 藍色、鈍角 = 紅色）
在角度改變時，於畫面顯示對應提示詞（可用動畫淡入）
💡 額外加分互動設計
💡 額外加分互動設計
加入「鎖定一邊長」的選項，觀察另一邊移動時的角度變化
加入「顯示三角形分類」開關
角度變成直角或鈍角時發出提示聲效
1、公開檢視連結，即可以產生一個連結供教學暫時使用。
2、或將此設計生成網站，即可以在此命名的網站上使用。
3、連結
Page updated
Report abuse