跳到主內容
正在準備無人機訓練場… 載入本機程式庫與 3D 資源
請將手機轉為橫向 橫向可並排看積木和飛行;直向可用上方按鈕切換,執行時會自動顯示飛行。
正在準備飛行場景…

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

目前是以 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救災無人機訓練
用程式,讓救援起飛。

下一次救援,
由你編程。

連接積木,指揮無人機。穿越震後街區、支援山火救援,在每一次飛行中找到更好的方法。

第一次操控無人機?起飛、移動、降落。邊做邊學。
觀察。修正。再試一次。Blockly × 3D 飛行模擬
Drone Simulator

選擇你的救援任務

先理解目標,再用你的程式找到路線。

自由練習 準備飛行連接積木,開始你的第一次飛行。

第一次玩嗎?請按上方「程式積木」開啟編程面板,完成程式後再按下方控制列的「執行」。

路面編輯

點選 3D 畫布上的路面格

左鍵點格 · R 轉 90° · 設定存於瀏覽器

執行中: 0/0
X 0 · Y 0 · Z 0 · 航向 180°
程式積木
讓第一塊積木起飛。

從「飛行指令」拖入起飛積木,或先試一段短程式。

積木會按任務自動儲存
準備飛行把想法連成積木,再按執行。
無人機
降落終點
FLIGHT LANDED
電量—
航向180°
高度0 cm
水平速度0 cm/s
垂直速度0 cm/s
水箱空
NAV跟隨視角
X 0 · Z 0目標 —
得分 0自由飛行
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

救援完成。做得好!

你的程式,讓無人機抵達了目的地。

巡檢回報 0 / 3 +0
抵達終點 是 +200
任務耗時 0s +0
總得分 0

任務簡報

請確認

互動教學 1 / 5

開啟積木區

按上方「顯示積木區」,準備編寫第一個飛行程式。

等待你完成這一步…