請用本機網頁伺服器開啟專案

目前是以 file:// 開啟頁面,瀏覽器會擋下 3D 模型載入(Cross-Origin / 本地檔案安全限制),因此無人機與建築 GLB 都無法讀取。這不是程式 bug,請改在專案根目錄啟動 HTTP 後再開網址。

步驟:在終端機進入本專案資料夾後執行其一:

python3 -m http.server 8080

於瀏覽器開啟 http://localhost:8080(或終端機顯示的埠號)。

Windows 若沒有 python3,可試 py -m http.server 8080;或使用 VS Code 的 Live Server 擴充功能。專案亦提供 npm start(見 package.json)。

Drone Simulator Code to rescue

選擇你的體驗

用積木程式操控無人機,在震後街區與災區場景中完成救災任務。

競賽任務

  • 任務目標與計分
  • 巡檢回報與計時加分
🏆

試用關卡

  • 8×8 縮小地圖
  • 入門練習用
🧪

自由練習

  • 自由探索場景
  • 適合測試程式
🎮

第一次使用?觀看導覽

Drone Simulator Code to rescue

競賽任務

選擇救災關卡(計分與任務目標)

任務一:坍塌廢墟搜救場景預覽 任務二:山火智能應對場景預覽

任務一:坍塌廢墟搜救

Drone Simulator

Drone Simulator Code to rescue

試用關卡

縮小版任務 · 非正式比賽地圖

試用一:坍塌廢墟搜救場景預覽 試用二:山火智能應對場景預覽

試用一:坍塌廢墟搜救(8×8 · 1 巡檢點)

Drone Simulator · Practice

第一次玩嗎?請按上方「顯示積木區」開啟 Blockly 面板,編好程式後再按右下角的「執行」讓無人機動作。

路面編輯

點選 3D 畫布上的路面格

左鍵點格 · R 轉 90° · 設定存於瀏覽器(試用一獨立儲存)

執行中: 0/0
🧩 程式積木
Status: LANDED
Alt: 0 cm
>_ Console Output
1 1 50 50 0 0 0.8 90 1 50 0 90 1 #ff0000 255 0 0 0 255 0 0 0 frontcm cm Hello 4 0 1 100

任務完成! MISSION COMPLETE

🏆
巡檢回報 (Inspections) 0 / 3 +0
抵達終點 YES +200
任務耗時 (Time) 0s +0
總得分 (TOTAL SCORE) 0

任務簡報 MISSION BRIEF

📋

請確認