寫在開頭:
- 這篇文章後面是請AI寫的,然後我再挑選/寫一些段落。
- 因為痞客邦壞了,可能會考慮之後這些不那麼正式的文章也都發布在方格子吧。
- 最近比較忙,所以才請AI寫,剛好這篇文章的核心也是跟AI有關的,直接請它統整後我再微調,會比較簡單。
想想直接附上幾張截圖好像比較容易讓人快速進入狀況。
總之最近接觸了Vibe Coding(氛圍編程,白話點說就是出一張嘴叫AI寫軟體)。製作了一個我很久以前手寫過的App功能,功能是「取代實體桌遊的計分紙」。
第一版的網頁已經發布了,網頁連結:https://board-game-score-pad.vercel.app/
也有錄過影片說明,Youtube影片連結:https://youtu.be/xDJ0ne-FNc8
第一版的編寫時間大約是5天的下班時間,就用著電腦,或是搭公車時滑著手機(沒錯用手機也可以Vibe Coding),使用的AI是Gemini 3 pro,目前仍是免費使用的額度,除了消耗手機的電費跟我的時間以外,沒有支付其他成本。
額度超過的時候就改成用2.5 pro,在細節的程式碼修改部分,兩者效果沒有明顯差異。
(改得出來的就改得出來,改不出來的還是改不出來)
待會會先沿用AI介紹第一版的功能說明(這就是為什麼叫AI寫的原因,因為功能太多了我自己列舉很麻煩(X),不如直接請它根據程式碼整理出效果)。
後半段會沿用AI介紹目前第二版的功能說明,第二版預計於下周一(12/22)發布,實際上現在已經完成了(上禮拜日完成了),但預留一個禮拜做測試看有沒有衍生的Bug,並微調一些使用上的小細節。
到時候也不會有新的網址,原本的網址會直接被更新為第二版的內容,如果是有按下載到手機端的人,你手機端的App也會在下下次開啟時自動更新。(對,下下次開啟時,因為下次開啟時你的App才剛收到更新的通知,但還要花一滴滴時間更新)
補充一下,第二版也是大概花了一個禮拜,一個禮拜修改,一個禮拜(現在)測試中。
原本想要第二版就停下來不更新了,因為已經很完整了,大概涵蓋了98%以上需要計分紙的桌遊了吧。
但有了些荒謬的創意浮現(再加上最近很忙,這句話完全沒有邏輯(X),精確來說是忙得只能用手機,連開箱桌遊都沒時間(X)),所以正在製作第三版,一個我覺得很出人意料、荒謬可笑的功能……但我不會預期一個禮拜就完成就是了,第三版想慢慢做,其他功能也需要重構許多程式碼才能繼續往前。
(又想想以後這個功能可能也沒那麼出人意料,可能只有對於有在寫程式的人才會覺得出人意料)
接著就來看AI介紹吧。
V1.0版本介紹:
介紹方案一:直球對決版(最精簡,適合用作 App 商店簡介)
標題:桌遊算分,不再手忙腳亂!
玩策略桌遊還在拿紙筆按計算機嗎?這款 App 讓計分變得超簡單。
不管是比分數、比排名、還是複雜的「每 3 個資源換 1 分」,通通都能設定。內建多款熱門遊戲範本,找不到的遊戲也能自己動手做。輸入數字,總分自動跳出來,讓你專心享受遊戲,剩下的交給它!
介紹方案二:情境推廣版(比較親切,適合社群分享)
標題:打造你的專屬計分神器
這是一個為了桌遊玩家設計的萬能計分板!
我們都知道有些桌遊算分真的很頭痛(對,就是說那個要查表又要算倍率的),現在你只需要設定一次規則,以後開局只要輸入數量,分數直接幫你算好。
為什麼你會需要它?
- 什麼都能算:不管遊戲規則多奇葩,自由度超高的欄位設定都能搞定。
- 自動算分:不用再心算「5 個木頭幾分?」,輸入 5,分數自動出來。
- 快速命名:自動記住朋友的名字(上限20人),下次開局點一下就加入,不用重新書寫。
- 分享方便:做好的計分表可以直接傳給朋友用。
- 沒網路也能用:地下室玩桌遊也不怕。
介紹方案三:功能條列版(清晰明瞭,適合放在「關於我們」)
這款 App 能幫你做什麼?
- 萬能自訂:你可以為任何桌遊建立專屬的計分表,不管是算個數、算排名、還是勾選達成項目。
- 聰明運算:支援各種計分邏輯。單純加總、乘倍率、或是那種「數量越多分數越高」的查表算分,通通自動化。
- 名稱紀錄:輸入過的名字系統會幫你留著,多人開局幾秒鐘就設定好。
- 範本分享:辛苦設定好的遊戲規則,可以輕鬆複製分享給你的牌友。
- 完全離線:安裝後就像手機內建 App 一樣,隨時隨地都能開。
這裡補充一下。
上述的介紹中沒有提到這個App最大的限制是什麼,我也不打算往這個方向擴充新功能。
這個App內部不會儲存你的計分結果,你唯一保留計分結果的方式是點擊計分板右上角的「截圖」,這張照片你可以留下來(就像留下計分紙那樣)。
App裡只會儲存你製作的「計分板」架構。
至於為什麼不往這些方向,因為資料庫建置我不了解,一旦要做這種計分,必然要涉及雲端資料儲存空間,技術也是問題、錢也是問題,而且這種功能現在就有很多App有做了。
要說我現在這個有什麼比它們好的……就是我真的完全關注在自製計分板的這個功能上,我做了一些市面上App可能沒人做過的自由度設計。
Board Game Stats表示:
Can the score sheet use predefined values to calculate scoring? (e.g. every item is worth 4 and I enter 5, for 5 items, so my score is 20)
Can the score sheet calculate a value based on another row? (e.g. the person with the most items gets 20 points)
These requests are similar to something we already tried but this just didn’t work.For now the score sheets are ‘simple’ (with actually a few pretty smart options). We get/know/understand all these ideas, but it’s not feasible at the moment.
(哦不過上面的第二個提問我也沒做就是了,目前不考慮完全的自動化,但第三版可能會稍微優化一下變成半自動化)
底下就來看第二版的功能介紹吧。
🚀 v2.0 版本更新說明
1. 核心計分邏輯:
- 新增「分項累加 」模式 :解決痛點:舊版一個欄位只能存一個最終數字。玩過《農家樂》或《阿納克》的玩家知道,單一項目(如「卡片分數」)往往由多張卡片組成。新功能:現在單一欄位可以儲存一連串的歷史輸入(例如:3, 5, 2),系統會自動加總為 10。UI 支援:在計分格內可以看到所有細項,支援刪除最後一筆輸入。
- 強化的「線型查表」邏輯:解決痛點:舊版查表只能設定固定的區間。無法處理「超過幾以後每 1 個多 2 分」這種無限延伸的線性規則。新功能現在可以完美設定「前3個固定1分,之後每2個加5分」這類複雜規則。
2. 輸入介面革新:
- 新增自定義按鈕輸入法:使用者可以自定義一組 「快速按鈕 」,支援設定標籤、數值、顏色,以及排列方式(清單模式 vs 網格模式)。
- 支援「修正值」按鈕:在 分項累加的模式下,點擊該按鈕不會覆蓋數值,而是將數值累加到當前分數上(例如設定一個 +5 的按鈕),這可用於分項累加搭配線型查表。
3. 使用者體驗與手機適配
- 操作流暢度優化:連續輸入:輸入面板新增「下一項」按鈕,支援「水平(換人)」或「垂直(換項目)」兩種前進方向,大幅提升計分效率。
(好吧這其實是第一版就有的功能,但第一版的AI可能漏講了)
4. 視覺化與分享功能升級
- 雙模式截圖:新增「簡潔模式截圖」,截圖時隱藏右側的單位與累加的數字。
上述的介紹我已經盡可能刪減AI多餘的說明了,一些Bug修復或UI優化的也不特別提。
如果對於各種計分效果怎麼使用/自行編寫覺得有點困惑的人,可以研究內建遊戲庫中的《貓島奇緣》、《雅典衛城》、《農家樂》、《和諧之森》,這幾款大概就涵蓋了現有的所有計分架構,你可以先試著填寫計分板看看效果是什麼,再點按項目研究它的內部是怎麼設定的。
最後再貼一次網頁連結:https://board-game-score-pad.vercel.app/
有興趣的朋友歡迎嘗試使用,這個網頁不會要求任何權限,並且是完全離線可用的(目前唯一聯網的功能是詢問一下伺服器有沒有新版本發布),點按右上角就可以下載如同手機App一般使用。
上述提到的第二版預計於2025/12/22更新發布,裡面又新增了更多內建的範本(因為我一邊測試就只能一邊添加新的範本(X))。
哦上述好像完全沒有提到一個功能,App裡面有一個按鈕可以將你製作的計分板寫信到我的Gmail信箱,我有空的話檢查確認無誤,就會更新到內建的範本裡,這樣大家就都可以用。
V1已知Bug:
- IOS無法截圖,因為IOS比較不支援異步時間差的複製效果,應該是來得及V2修正吧。(V2應已修正)
- 手機瀏覽網頁的模式下,介面難以編輯玩家名稱(排版問題)。(V2已修正)
2025/12/21 08:45 V2已發布,重新開啟兩次App理論上就會更新,如果有看到23款內建計分板,那就是V2的版本了。
V2已知bug:
- 乘積輸入時後項預設為1的效果應在使用者輸入數字時自動被覆蓋。(目前需要手動刪除)(已修正)
- 我搞笑了,現在的版本其實還不能完全離線使用(嘆)(已修正)




















