iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

從空拍到3D展示 系列

身為一個平日上班、假日才能出門飛的空拍愛好者,一直在想:這台空拍機除了拍照,還能做什麼?這系列文章記錄我用消費級空拍機(DJI Air 2S),搭配 Litchi、WebODM、Blender、Sketchfab
等工具,從零開始摸索攝影測量(Photogrammetry) 到 3D 建模的完整過程

參賽天數 28 天 | 共 28 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21. 程式碼整理 (1/2)

目前遊戲的功能已經完整:載入模型、旋轉縮放、點彩蛋、計時、結算、重新開始。但 model.js 一個檔案裡包山包海:場景設定、模型載入、點擊判斷、提示框、結算面...

2026-10-05 ‧ 由 smallhand 分享
DAY 22

Day22. 程式碼整理 (2/2)

昨天拆出了 ui.js 和 scene.js:ui.js 負責用 HTML DOM 取出和畫面顯示有關的元素(提示框),scene.js 負責 Three.js...

2026-10-06 ‧ 由 smallhand 分享
DAY 23

Day 23. 溫故整個流程: 3D 模型任務飛行,以及花掉大半天的 Blender 去邊

Three.js 的小遊戲功能在昨天已經告一小段落,並放上 GitHub;整套流程都已經走過一遍接下來想讓作品的視覺更加完整 現在的公園模型,會有之前提到,部分...

2026-10-07 ‧ 由 smallhand 分享
DAY 24

Day 24. 放入三個彩蛋,在 Three.js 找到它們

今天任務 之前的遊戲只有 1 個彩蛋。今天把場景擴充成 3 個彩蛋: 在 Blender 裡埋三個彩蛋 匯出成 .glb 修改程式碼,把「找一個彩蛋」改成「...

2026-10-08 ‧ 由 smallhand 分享
DAY 25

Day 25. 進度條原理與手機測試準備

前言 前幾天把遊戲的核心功能做完了,也放進了 3 個彩蛋。接下來的幾天,我想讓它變成「任何人打開網址就能玩」的樣子。在動手之前,今天先花一篇的篇幅,把兩件之後會...

2026-10-09 ‧ 由 smallhand 分享
DAY 26

Day 26. 部署前的準備

昨天整理了載入進度條的原理:GLTFLoader.load 的第三個參數 onProgress,下載過程中會反覆被呼叫,收到的 ProgressEvent 有...

2026-10-10 ‧ 由 smallhand 分享
DAY 27

Day 27. 專案部署到 Github Pages 並實測

今天想把遊戲放到 GitHub Pages,讓任何人打開網址就能玩。過程中遇到三件事: 3D 模型的 .glb 太大,推不上 GitHub,先改回原本的 2D...

2026-10-11 ‧ 由 smallhand 分享
DAY 28

Day28. 解決模型載入速度神之慢

昨天有提到,專案上遇到兩個問題 3D model 檔案太大而無法上傳 2D map 可以上傳,但在 GitHub Pages 載入花了十來分鐘 今天實測家中...

2026-10-12 ‧ 由 smallhand 分享