模組六｜測試、效能與上線（Day 26–30） 昨天列了一張「有檢查／沒檢查」的四格表。今天把整個專案的數字重跑一次收在一張表上，然後花更長的篇幅講另一張表...
模組六｜測試、效能與上線（Day 26–30） 昨天那三個 404 裡，第二個藏在 index.html 第 5 行——一條寫死的 favicon 路徑。同...
模組六｜測試、效能與上線（Day 26–30） 昨天講完效能預算訂了沒量。今天講部署，而且要先撤回一個標題。 這一天原本要叫「GitHub Pages 的...
模組六｜測試、效能與上線（Day 26–30） 昨天講完測試的分工，也講了 CI 只跑四個命令。今天講一張比測試更早存在的東西：效能預算表。 這個專案在寫任...
模組六｜測試、效能與上線（Day 26–30） 昨天講完存檔：九條通往「當作全新存檔」的路徑，每一條都有測試。今天把鏡頭拉遠，看整個專案的測試長什麼樣。 先...
模組五｜關卡、UI 與資料（Day 21–25） 昨天的素材是我準備好放進 repo 的。今天這份資料不是——它是玩家自己產生的，存在他的瀏覽器裡，我改不到...
模組五｜關卡、UI 與資料（Day 21–25） 昨天講場景切換要清乾淨自己配置的東西。今天往前推一步：這些東西是怎麼進到記憶體裡的。 先攤開數字。這個專案...
模組五｜關卡、UI 與資料（Day 21–25） 《Save the Dog》是一款畫線解謎小遊戲：蜜蜂會從洞穴的開口衝進來，玩家只能畫一筆線把牠們擋在外面...
模組五｜關卡、UI 與資料（Day 21–25） 《Save the Dog》是一款畫線解謎小遊戲：蜜蜂會從洞穴的開口衝進來，玩家只能畫一筆線把牠們擋在外面...
模組五｜關卡、UI 與資料（Day 21–25） 前面二十天講的是一條線怎麼從手指變成剛體、蜜蜂怎麼追人、同一幀裡贏跟輸並存時算誰的。從今天開始換一層問題：...
模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 19 講過決定性：同一個 seed、同一條線，模擬會重播出同一個結果。但這句話有個前提沒被檢查：「結...
模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 10 結尾我留了一句話：模擬層我敢說穩，畫面層不敢，而「不同幀率會不會玩出不同勝負」是 Day 19...
模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 17 講完蜜蜂撞上防線之後會發生什麼：進 HIT 狀態 130 毫秒、轉向停手、讓 Matter 的...
模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 16 結尾留了一個洞：src/config/game.js:37-39 有一段註解，寫著「擁擠現在交...
模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 15 講完玩家畫的那條防線為什麼停不下來、以及最直覺的修法會把遊戲弄壞。今天換到線的另一邊：往線上壓...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天的抽稀管線交出最多 64 個點。今天這些點要變成 Matter.js 世界裡「擋得住蜜蜂」的東西。 這...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天的狀態機裡有一個叫 simplifying 的階段，它的內容是四行函式呼叫。今天把那四行拆開。 poi...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把 clientX 換算成了遊戲座標。一個點有了，但一次畫線不是一個點——它是一段有開始、有結束、隨時...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把五個 pointer 事件接上了。事件進來之後，第一件事是把 event.clientX 那個數字翻...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把時間講完了：一個迴圈、兩個時鐘、一個累加器。今天回到迴圈外面——玩家的手指怎麼進到這個系統裡。 這個...
模組三｜畫線：從手指到剛體（Day 10–15） 模組二講完了素材那條線：合約、驗證器、人工閘門。從今天開始的六天，講的是玩家滑一下手指，到螢幕上出現一條擋...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲，畫面上三十幾張 SVG...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲，畫面上三十幾張 SVG...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的一款網頁小遊戲：玩家畫一條線，讓狗安...
模組二｜工程底座與可驗收的 AI（Day 5–9） 昨天講座標系那條規則只寫了一句話就撐住 44 個檔案。今天把那句話所在的檔案整份打開。 這個 repo...
模組二｜工程底座與可驗收的 AI（Day 5–9） 昨天把範圍畫完了。今天進模組二，講開工那一刻第一個真正無法反悔的決定。 不是選 PixiJS，不是選 V...
模組一｜立案與選型（Day 1–4） Day 2 講規格能自動擋下什麼，Day 3 講選型換來多少工作量。今天是開工前的第三件事：範圍。 三個數字先攤開，全...
模組一｜立案與選型（Day 1–4） 這個系列在做一款瀏覽器小遊戲：玩家畫一條線，擋住從蜂巢飛出來的蜜蜂，讓狗狗撐過十秒。 打開網頁就能玩，一局十秒可以玩完...
模組一｜立案與選型（Day 1–4） 昨天講完這 30 天要交付什麼。今天回到開工前的那份文件。 先攤開事實：這個專案動工之前，有一份 2,419 行的 P...
模組一｜立案與選型（Day 1–4） 先給結果，再講過程。 遊戲在這裡，開了就能玩，不用註冊：https://save-the-dog-web.vercel...
harryfan
iThome鐵人賽
看影片追技術