iT邦幫忙

鐵人檔案

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

從空拍到3D展示 系列

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

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

Day 11. 認識Three.js

本來今天規畫執行 Litchi 3D model 任務飛行,但因為接下來連假安排出遊,所以就先當作 sketchfab 上看到的模型為最終版,先開始往下接觸 T...

2026-09-25 ‧ 由 smallhand 分享
DAY 12

Day12. 動手前的規畫

先把計畫的骨架想清楚 在正式開始研究 Three.js 之前,先想請出要做的功能有哪些,之後比較好查找對應的技術單純從「使用者體驗」的角度,這個小遊戲需要具備:...

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

Day 13. 搭建 Three.js 開發環境

因為第一次接觸 Three.js,所以先從官網的教學下手,今天只要確定環境都沒問題,(包含 Three.js 的 CDN 路境、創立場景相關的程式碼範例) 確定...

2026-09-27 ‧ 由 smallhand 分享
DAY 14

Day 14. 拆解範例程式碼 + 把獅山公園載進 Three.js

昨天先跑官方的範例程式碼,驗證環境沒問題後就結束。當時只是把範例複製貼上,確定方塊會動,但很多東西都還沒研究 今天就來搞懂一番吧~ 本日目標: 把昨天的程式碼...

2026-09-28 ‧ 由 smallhand 分享
DAY 15

Day15. Three.js 之燈光與控制器

昨天把獅山公園載進 Three.js,看得到模型了,但有兩個問題: 顏色看起來偏暗 畫面是靜止的,沒辦法拖曳旋轉 今天就來解決這兩件事,並弄清楚為什麼昨天的...

2026-09-29 ‧ 由 smallhand 分享
DAY 16

Day16. 視窗縮放: 拉動瀏覽器視窗,畫面不跑掉

昨天把 TrackballControls 加上去,畫面能拖曳旋轉、縮放,但還留了一個問題:拉動瀏覽器視窗大小時,瀏覽器上會出現捲軸,公園模型會隨著視窗變小,而...

2026-09-30 ‧ 由 smallhand 分享
DAY 17

Day 17. Raycasting: 判斷滑鼠點到了什麼

視窗縮放處理好了,今天要做找彩蛋的最核心技術:怎麼知道玩家點的是不是藏起來的彩蛋。今天先研究 Raycasting 並只先做出點一下畫面,Console 印出點...

2026-10-01 ‧ 由 smallhand 分享
DAY 18

Day18. 判斷點擊是否命中彩蛋

昨天已經能抓到「點到了什麼」,Console 印出來的是 odm_textured_model_geo_2 這類名字。今天要解決:點到彩蛋角色時,要能正確判斷出...

2026-10-02 ‧ 由 smallhand 分享
DAY 19

Day19. 找到彩蛋的客製化視窗 & 防止重覆觸發

昨天已經能正確判斷「點到的是不是彩蛋」,但用的是 alert() 來跳出資訊介面非常陽春,而且每點一次彩蛋就跳一次,照理說出現過後就代表一切結束,不應該再讓使用...

2026-10-03 ‧ 由 smallhand 分享
DAY 20

Day 20. 計時與進度顯示: 增添遊戲感

昨天找到彩蛋會跳出提示框、也不會重複觸發了,但「找到」本身沒有任何成績感。今天加三個小功能: 計時:畫面角落顯示經過的時間,找到彩蛋就停下來,提示框顯示「用...

2026-10-04 ‧ 由 smallhand 分享