iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Mobile Development

使用 AR 魔杖呼喚屬於自己的魔法小卡! 系列

這次的目標是以 AR 技術打造「魔杖召喚小卡」的體驗。使用者能在虛擬實境中透過魔杖互動,呼喚出屬於自己的魔法小卡。小卡內容可自訂或由系統隨機提供,並以 SwiftData 儲存在手機中,形成個人專屬的魔法收藏。除此之外,小卡也能透過分享功能傳遞給朋友,讓作品不只是單機體驗,更能成為交流的媒介。整體設計方向結合 ARKit、Vision 手勢偵測、SwiftUI 動畫與 SwiftData。最後再視開發速度探索還能有什麼更多的內容能加入專案中。

參賽天數 6 天 | 共 6 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 前言與目標設定

前言 一直還沒參加過鐵人賽,今年甚至完全忘記了這件事。今天突然想起現在正是鐵人賽的季節,剛好最近有個小專案的想法,藉此一起實現出來。 專案方向 由於是臨時起意...

2025-09-07 ‧ 由 lebonthe 分享
DAY 2

Day 2 SwiftUI 專案設定與 AR 起始畫面

起始畫面 這次決定使用 SwiftUI 作為專案主框架,ARKit 的部分再用 UIViewRepresentable 作為 UIKit 的橋接層。 直白的專案...

2025-09-08 ‧ 由 lebonthe 分享
DAY 3

Day 3 將魔杖展現出來(RealityView)

Day 2 時開啟了雙版本的 AR 畫面,不過還是先打通其中一邊比較合理(?)。先從 RealityView 來吧!今天先請 AI 畫一張 3D 木質魔杖的 p...

2025-09-09 ‧ 由 lebonthe 分享
DAY 4

Day 4 魔杖去背了!

昨天的 AR 魔杖像是被黑魔法禁錮住的結果(或是2D版沙丘魔堡的護盾?),今天的目標是把它解放出來。 先回顧昨天的寫法: import SwiftUI impo...

2025-09-10 ‧ 由 lebonthe 分享
DAY 5

Day 5 AR 加載畫面加入提示小卡

由於開啟 App 時,加載 AR 都要花費一些時間,AR 鏡頭才會由卡頓變成順暢。因此從使用者的角度,我想先加一些提示畫面,轉移注意力,才不會覺得等很久。 目前...

2025-09-11 ‧ 由 lebonthe 分享
DAY 6

Day 6 速速前動畫

Day 5 的魔杖只是"出現"而已今天要來讓魔杖"移動"到眼前 相機前方固定落點 透過相機的世界矩陣,取相機的 for...

2025-09-12 ‧ 由 lebonthe 分享