一款畫線物理小遊戲:畫一條線擋住蜜蜂,讓狗狗撐過十秒。這 30 天兩條線同時跑。技術那條寫實作:PixiJS 只負責畫、Matter.js 只負責算,中間那層怎麼對齊;玩家滑一下,從 pointer 事件、座標轉換、幾何抽稀到變成剛體,中間發生八件事,每件都可能出錯。AI 那條寫閘門:合約寫在哪、驗證器擋什麼、母版制怎麼讓三十幾張 SVG 像同一個人畫的、哪幾個點我刻意不自動化。主張只有一句:AI 產出的品質,取決於你設得出幾道它過不去的自動檢查。我是前端工程師不是遊戲開發者,第一次寫遊戲迴圈、第一次用物理引擎,踩到的坑照實寫。遊戲已公開可玩。
模組一|立案與選型(Day 1–4) 先給結果,再講過程。 遊戲在這裡,開了就能玩,不用註冊:https://save-the-dog-web.vercel...
模組一|立案與選型(Day 1–4) 昨天講完這 30 天要交付什麼。今天回到開工前的那份文件。 先攤開事實:這個專案動工之前,有一份 2,419 行的 P...
模組一|立案與選型(Day 1–4) 這個系列在做一款瀏覽器小遊戲:玩家畫一條線,擋住從蜂巢飛出來的蜜蜂,讓狗狗撐過十秒。 打開網頁就能玩,一局十秒可以玩完...
模組一|立案與選型(Day 1–4) Day 2 講規格能自動擋下什麼,Day 3 講選型換來多少工作量。今天是開工前的第三件事:範圍。 三個數字先攤開,全...
模組二|工程底座與可驗收的 AI(Day 5–9) 昨天把範圍畫完了。今天進模組二,講開工那一刻第一個真正無法反悔的決定。 不是選 PixiJS,不是選 V...
模組二|工程底座與可驗收的 AI(Day 5–9) 昨天講座標系那條規則只寫了一句話就撐住 44 個檔案。今天把那句話所在的檔案整份打開。 這個 repo...
模組二|工程底座與可驗收的 AI(Day 5–9) 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的一款網頁小遊戲:玩家畫一條線,讓狗安...
模組二|工程底座與可驗收的 AI(Day 5–9) 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲,畫面上三十幾張 SVG...
模組二|工程底座與可驗收的 AI(Day 5–9) 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲,畫面上三十幾張 SVG...
模組三|畫線:從手指到剛體(Day 10–15) 模組二講完了素材那條線:合約、驗證器、人工閘門。從今天開始的六天,講的是玩家滑一下手指,到螢幕上出現一條擋...