Doodle Car : DD Car : 嘟嘟車

 Doodle Car (簡稱 DD Car 或嘟嘟車) 是 HTML5 FUN 2025年7月新增的遊戲，不但可以挑戰題庫範例，還有遊戲地圖編輯器，設計遊戲給別人玩。由於過關的方法不見得只有一種，如果能夠再加上討論，交流心得，應該會更有趣。

[圖1] Doodle Car 嘟嘟車的圖示

[圖2] dd car 嘟嘟車的地圖編輯器圖示

玩法很簡單，每一關都會有一部嘟嘟車和終點，只要在畫面中手繪線條(馬路)，並按「開始」或是「增加」鈕，讓嘟嘟車能碰到終點，就算過關。按啟動鈕來動動腦，挑戰一下吧！

▋ 小秘訣

• 嘟嘟車有重量，下方沒有東西支撐時，是會往下墜落的。
• 目前車子沒有是沒有動力的，必須靠斜坡，或是碰撞才能動；而畫面中的磚牆是障礙物，球會滾動，箭頭則可以讓嘟嘟車加速或是跳躍。

▋ Q&A

• Q: 可以自己設計遊戲關卡嗎？
• A: DD Car 有遊戲地圖編輯器，可以使用拖曳圖示的方法來設計自己的遊戲，還能直接分享遊戲連結。
• Q: 遊戲關卡設定可以儲存嗎？
• A: DD Car 可以由遊戲網址中讀取遊戲，也可以由 Google 試算表中讀取遊戲資料，所以保留遊戲地圖編輯器製作的網址、資料，或是將關卡資料儲存在 Google 試算表均可。
• Q: 如何在 Google 試算表中儲存遊戲設定？
• A: 先開啟底下的 Google 試算表，並建立自己的副本，然後利用 DD Car 的地圖編輯器設計好各關的地圖，按 [複製] 鈕後，最後貼到自己的試算表。
• 【範例檔案】👉 按這裡開啟試算表檔案 👈(請自行建立副本)
• Q: 如何將 Google 試算表的網址變成嘟嘟車的遊戲網址？
• A: 先將 Google 試算表「共用」給「知道連結的任何人」，然後複製試算表的網址(不見得要使用第一個工作表，想用哪一個，就切到那個工作表，再複製網址)。
• 👉 按這裡進行試算表網址轉遊戲網址 👈
• Q: 最多可以設計幾關？
• A: 程式並沒有限制，端看用什麼方式存取資料；如果關數很多，會比較建議使用 Google 試算表來儲存資料。
• Q: 遊戲地圖編輯器打開的遊戲網址，為什麼無法製作 QR code？
• A: 如果設計的遊戲地圖有很多關，而且關卡都很複雜，會讓編輯器製作的網址變很長，而一般的 QR code 產生器可能會有網址長度的限制，就會無法生成 QR code。怎麼辦呢？建議在遊戲編輯器的工具區中，找到「複製」鈕，將設定資料複製到剪貼簿後，再貼到 Google 試算表中；以試算表來當遊戲的資料庫。
• Q: DD Car 是用什麼開發的？
• A: DD Car 主要是使用 Phaser 的遊戲框架，再加上 Planck.js 的物理模擬。遊戲地圖編輯器則未使用任何框架。

▋　相關連結

• 雄 : HTML5 FUN 精選集

▋　更新記錄

• 2025.07.01 Map Editor v1.0
• 2025.06.25 Doodle Car v1.0

已複製到剪貼簿！

取得遊戲網址

請在下方貼上 dd car Google 試算表的網址(記得先設定共用)。

掃描 QRcode