幾乎不會 coding 的作品集

停車練習台(倒車小遊戲)

網頁版倒車練習:可切換鳥瞰、後視鏡頭、左右後視鏡四種視角,R、N、D 三種檔位,以方向盤角度與轉彎半徑模擬車輛軌跡;黃色輔助線依阿克曼轉向幾何畫出車身左右後角的行進軌跡,並標示 0.5 m、1 m、2 m 與 3 m 預測距離;有「五個場景」,截圖可見垂直停車、平行停車與車庫出庫等練習。

狀態
公開網站
評分
3.8滿分 5
讚數
1原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。

點評

這個切角好:倒車的困難在「方向盤角度怎麼對應車尾軌跡」,把軌跡線畫出來讓人看見因果,比任何說明文字更有教學效果,也是少數把物理模型做進去的作品。介面做成黑底橘色按鈕的行車儀表風格,按住行駛、方向盤角度與轉彎半徑的數字都清楚,很像真實的倒車影像。但它仍是 demo:實車有轉向延遲與速度,輔助線也可能與真實車款不符,使用者不宜把它當成實車操作的依據。

3.8綜合評分,滿分 5
完成度
4
痛點真實
4
體驗設計
4
可持續
3

作品故事

為什麼做

作者自己倒車很不拿手,所以做了這個倒車小遊戲;作者說「已經幫助到很多人理解車輛軌跡」。

怎麼做出來的

作者坦承目前還只是一個 demo;讚數 1。介面與頁面文字為簡體中文,推測作者來自中國大陸,與台灣讀者的習慣有些差距(例如文字與術語),但倒車的基本幾何相通。

技術細節

託管在 Cloudflare Pages 的網頁遊戲;車輛運動採阿克曼轉向模型,輔助線與視角在畫面中即時計算。

連結

資訊

作者
@jiangyw0322
用途
旅遊與交通
領域
交通
狀態說明
公開網站:公開網站・免費(demo)
原文日期
2026-09-04
來源
Threads
編號
No. 435

同樣是「旅遊與交通」