APP 設計
APP 設計2026

一路有影 TrailReel

自駕旅行 APP:背景記錄路線,回家在手機上一鍵做成飛越 3D 地形的旅程影片;10 種影片風格、21 種交通工具、支援 20 種語言。

一路有影(TrailReel)是 iOS 與 Android 雙平台的自駕旅行 APP:開車或騎車時在背景記錄 GPS 路線、速度與海拔,沿途拍照、錄短片打卡;旅程結束後,在手機上把路線、照片和短片做成一支鏡頭沿著路線飛越 3D 地形的旅程影片。 從 APP 介面、10 種影片風格、21 種交通工具、原創配樂與音效,到商店素材、介紹網頁與介紹影片,都由艾迪爾工作室設計製作。

47 秒介紹影片:背景記錄、打卡、一鍵產生影片、10 種風格與 21 種交通工具一路帶完,換場都對在拍子上。配樂與音效是程式合成的原創作品。

記錄畫面:全螢幕即時地圖,數值面板在上、開始/打卡按鈕在下;行程頁可以把多天合成一趟旅程。

記錄畫面是一整面即時地圖,走過的路線一路畫出來,時速、里程、行駛時間、海拔與累積爬升排在上方。停車超過五分鐘自動標成停留點;多天的出遊可以合成一趟旅程,影片在換日處帶出「第 2 天」。 打卡先選比例再開相機,可以拍照或錄 3–10 秒短片;忘了拍也沒關係,「從相簿配對」會依 GPS 或拍攝時間把照片放回路線上。結束記錄時跳出摘要卡:路線縮圖、里程、時間、打卡數一目了然,順手取個名字,影片片頭就用它當標題。鎖在口袋裡也看得到進度——iPhone 的鎖定畫面與動態島、Android 的常駐通知即時顯示時速與里程。

動態島展開:時速、里程、已記錄時間、海拔與行駛狀態。

影片有 10 種風格可以挑。玩具小鎮、旅行手帳、霓虹夜騎與簡約是免費的基本款;另外六種給之後的 Plus 訂閱:像素冒險(16-bit RPG)、水墨山水、漫畫分鏡、黑白默片、任務控制台與 1950 年代復古旅遊海報。每一種都有自己的字型、片頭片尾、打卡與換日動畫,以及原創配樂與音效,產生影片時的進度畫面也跟著換色。

10 種影片風格:前四種免費,後六種是 Plus 風格。
同一個打卡點,六種 Plus 風格的打卡畫面。照片:Foxy Who/Wikimedia Commons(CC BY-SA 3.0)。

沿著路線前進的也不一定是小車。除了免費的經典小車,Plus 還有 20 種交通工具:露營車、速克達、重機、腳踏車、嘟嘟車、雙層巴士、蒸汽小火車、螺旋槳飛機、熱氣球、直升機,以及小鴨船、火箭車、幽浮、魔法掃帚、飛天魔毯、大蝸牛、浴缸車、購物車、南瓜馬車、珍奶杯車。每一種都畫了玩具、手帳、霓虹三種畫風、24 個方向,轉彎時角度跟著路線走,片頭的大圖也會換成你選的那一台。

21 種交通工具:經典小車免費,其他 20 種是 Plus。
產生的旅程影片:鏡頭沿路線飛越衛星地形,經過打卡點時停下展示照片,多天旅程有換日轉場。

影片完全在手機上產生,不經過伺服器,地圖也都用免費圖資:MapLibre GL JS 在 APP 內逐格畫出衛星影像與地形,疊上儀表、海拔曲線與沿途地名,再用 WebCodecs 硬體編碼成 MP4,配樂與音效在手機上即時混音。 不需要註冊帳號,資料只存在手機;定位只要「使用 App 期間」的權限。介面、影片上的文字與沿途地名支援 20 種語言。打開 APP 時會先播一段艾迪爾工作室的片頭動畫,和光拳戰士 APP 用同一套。

影片完全在手機上產生,不經過伺服器,地圖也全用免費圖資:MapLibre GL JS 在 APP 內逐格畫出衛星影像與地形,疊上速度表、海拔曲線與沿途地名後,用 WebCodecs 硬體編碼成 MP4。iPhone 16 Pro Max 產生一支 43 秒的 1080p 影片約 6 分鐘,入門的 Android 手機也做得出來。 不需要註冊帳號,資料只存在手機;定位只要「使用 App 期間」的權限,不必要求「永遠允許」。介面支援繁體中文與英文。

介紹網頁同樣是玩具小鎮的風格:標題逐字彈出、3D 插圖跟著滑鼠與捲動移動、交通工具輪流開過馬路,10 種風格與 21 種交通工具都可以直接點來看,中英文切換,手機上也一樣好讀。

介紹網頁(桌面版)