iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

QA 的 JavaScript 初心之路:30 天做出一個能玩的戰鬥小遊戲《勇者 vs 小怪》 系列

一名軟體測試工程師(QA),從 0 開始的 JavaScript 學習之路。
做中學,學中做,找個有興趣的目標開始學習。
這將會是我的筆記,為了讓別人也看得懂,我會盡量寫成 0 基礎也能看懂。
目標是 30 天後做出一個能玩的回合制戰鬥小遊戲《勇者 vs 小怪》,並部署上線讓大家都能玩玩看。
一切盡力而為。

參賽天數 13 天 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 13

Day21|四個 bug,三個不會報錯

今天的主題:除錯——我拿到一個被動過手腳的版本 今天不學新語法。我準備了一個藏了 4 個 bug 的遊戲版本,然後用我本業的方式把它們找出來。 規則:先不看程式...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day22|第一階段我需要一張表,第二階段我需要一張流程圖

第二階段回顧:從「學語法」到「做決定」 Day 12 我做過一次回顧,那時候剛學完基礎語法。今天是第二階段(Day 13–21)的回顧,也是動手做正式作品前的最...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day23|把滿血量改成負數,然後一筆假紀錄被永久存了下來

今天的主題:專案骨架——從練習檔變成一個「專案」 前面 22 天,每天都是一個 dayXX.html,HTML、CSS、JavaScript 全部擠在同一個檔案...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day24|攻擊力差 1 點,勝率差了 47 個百分點

今天的主題:讓小怪反擊——順便發現我的遊戲根本不可能輸 到昨天為止,小怪都只會站著挨打。今天讓牠還手,戰鬥才真的是雙向的。 順序是關鍵,不是把反擊加在後面就好...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day25|我做出了一個會打人的屍體

今天的主題:受擊震動——Day 17 埋的伏筆,終於回收 Day 17 學完計時器之後,我的結論是:動畫和計時器用在表現層可以,用在規則層會破壞回合制。當時我把...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day26|不完整的說明,比沒有說明更糟

今天的主題:讓玩家知道怎麼玩,也知道發生了什麼 遊戲能打了、會輸會贏、有震動有紀錄。但昨天測試的時候我發現一件事:不輸入名字、不按出征,直接按攻擊也能玩。 而畫...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day27|骰子與人性,賭性堅強與遊戲平衡

今天的主題:骰子系統——一半幫你,一半幫敵人 原本規劃裡,增益、道具、buff 這些東西是「留給明年」的。但做到這裡,我覺得戰鬥還是太單調:按攻擊、按攻擊、按攻...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day28|沒學新東西的一天,卻發現了不少舊問題

今天的主題:收尾——把「能動」變成「能看」 功能到昨天就完整了:戰鬥、骰子、增益、紀錄、震動、勝負。但整個畫面還是很像一份作業。 今天做三件事:把樣式整理好、確...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day29|上線之後,我的紀錄不見了

今天的主題:部署——讓它有一個真正的網址 做了 28 天,這個遊戲一直只有我自己的電腦看得到。今天要把它放到網路上。 https://lucy-zhang-od...

2026-10-06 ‧ 由 lucy_odo 分享
DAY 13

Day30|三十天後,我還是一名 QA

完賽:一個 QA 花 30 天做出來的東西 🎮 https://lucy-zhang-odo.github.io/ironman-js-battle/ 不用安裝...

2026-10-06 ‧ 由 lucy_odo 分享