iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

重新拿回思考力!一起來用 JavaScript 打造 CLI 好玩遊戲區! 系列

原本是利用上班空閒時間用 AI 做了一個 CLI 好玩遊戲區以掩人耳目的打發時間(?),但突然間我發現自從開始倚賴 AI 幫我做事情之後,我逐漸失去了從 0 開始解決問題的能力,因此我想不如就忘記這個已經做好的好玩遊戲區,從頭開始做起吧!藉由問出一個又一個的問題,來推動自己開發,也是一種問題驅動開發的經驗吧!但這並不表示就全部不去使用 AI 了,我還是會分享自己在開發過程的哪些部份如何使用 AI ,那我們就開始吧!

參賽天數 28 天 | 共 28 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 前言:一切都是從偷懶開始的

為什麼會開始這個主題 作為一個 AI 時代的前端工程師,我經常會有需要等待 AI agents 工作的時候,此時沒有多的腦袋可以去思考其他的專案,來玩一個無腦的...

2026-09-14 ‧ 由 邵 Shao 分享
DAY 2

Day2 推箱子1:讓 Terminal 動起來吧!

今天我們就要來開始第一個小遊戲了!我希望能用第一個遊戲來認識 Terminal 是一個怎樣的環境,同時也在開發遊戲的過程中慢慢鍛鍊自己拆解問題、小步測試的能力,...

2026-09-15 ‧ 由 邵 Shao 分享
DAY 3

Day3 推箱子2:從最爛的方法開始!來寫個有座標的地圖吧!

昨天我們繪製出一個會自己向右走三步的動態畫面了,這時我的腦海中浮現了一個問題:如果我要讓玩家可以按下方向鍵決定要向哪一個方位走一步,以現行的架構來講行得通嗎?...

2026-09-16 ‧ 由 邵 Shao 分享
DAY 4

Day4 推箱子3:用自己的語言來描述,讓角色可以被操控吧!

到目前為止我們都在講要如何讓畫面自己動起來,但是遊戲的重點還是要有玩家操作,因此今天我們最主要的目標是要讓玩家可以操作角色動起來,與此同時我們也持續在練習藉由思...

2026-09-17 ‧ 由 邵 Shao 分享
DAY 5

Day5 推箱子4:跟隨使用者的體驗來打造隨機地圖!

在這個 AI 的時代,目前最主流的想法大概就是要先擬定規格,感覺好像所有的一切都要先想得很完整,或至少要有一個清晰的藍圖,剩下的再交給 AI 去執行。 當然我覺...

2026-09-18 ‧ 由 邵 Shao 分享
DAY 6

Day6 推箱子5:不知道想法好不好,就打造原型!

昨天結束時我提到了一個 Good Idea:設計一個按鈕,人踩進去之後可以彈出箱子,不過我其實也不知道它真正玩起來到底會不會是一個 Good Idea,必須要打...

2026-09-19 ‧ 由 邵 Shao 分享
DAY 7

Day7 推箱子6 :先窮舉後精簡的練習

今天我們要秉持著打造原型的精神,試著來完成「兩個箱子一個目標點」的玩法,不過由於兩個箱子的做法相較於一個箱子會更複雜一些,所以我想跟大家一起練習「先窮舉後精簡」...

2026-09-20 ‧ 由 邵 Shao 分享
DAY 8

Day8 推箱子7:在AI 協作中思考與釐清目標邊界

今天要延續兩個箱子的做法,來討論勝負判定、死亡判定、要怎麼從邊緣推出箱子的邏輯。開始前我想先預告一下今天的兩個重點,其中之一是 AI 的協作,昨天我們有讓 AI...

2026-09-21 ‧ 由 邵 Shao 分享
DAY 9

Day9 爆爆王1:制定練習目標與開發邊界

終於來到了第九天,前面八天我們藉由推箱子小遊戲了解了 Terminal 是一個怎樣的環境,並且不斷地重複練習拆解問題、小步嘗試、問出更多的問題、再繼續拆解問題的...

2026-09-22 ‧ 由 邵 Shao 分享
DAY 10

Day10 爆爆王2:從結果反推函式的練習

今天我們要來寫生成箱子的邏輯,如同昨天所說的,因為箱子不管哪一個的行為都是一樣的,所以我們不用從 box1 寫到 box10,我們可以試著用一個函式來生成所有的...

2026-09-23 ‧ 由 邵 Shao 分享