《萬用桌遊計分板》網頁App介紹。

更新 發佈閱讀 11 分鐘

寫在開頭:

  1. 這篇文章後面是請AI寫的,然後我再挑選/寫一些段落。
  2. 因為痞客邦壞了,可能會考慮之後這些不那麼正式的文章也都發布在方格子吧。
  3. 最近比較忙,所以才請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 能幫你做什麼?

  1. 萬能自訂:你可以為任何桌遊建立專屬的計分表,不管是算個數、算排名、還是勾選達成項目。
  2. 聰明運算:支援各種計分邏輯。單純加總、乘倍率、或是那種「數量越多分數越高」的查表算分,通通自動化。
  3. 名稱紀錄:輸入過的名字系統會幫你留著,多人開局幾秒鐘就設定好。
  4. 範本分享:辛苦設定好的遊戲規則,可以輕鬆複製分享給你的牌友。
  5. 完全離線:安裝後就像手機內建 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:

  1. IOS無法截圖,因為IOS比較不支援異步時間差的複製效果,應該是來得及V2修正吧。(V2應已修正)
  2. 手機瀏覽網頁的模式下,介面難以編輯玩家名稱(排版問題)。(V2已修正)

2025/12/21 08:45 V2已發布,重新開啟兩次App理論上就會更新,如果有看到23款內建計分板,那就是V2的版本了。


V2已知bug:

  1. 乘積輸入時後項預設為1的效果應在使用者輸入數字時自動被覆蓋。(目前需要手動刪除)(已修正)
  2. 我搞笑了,現在的版本其實還不能完全離線使用(嘆)(已修正)
留言
avatar-img
留言分享你的想法!
avatar-img
黃紹東的沙龍
11會員
32內容數
關於一些生活上的信念,或不輕信世俗道德的人如何培養出自身的價值觀的故事。
黃紹東的沙龍的其他內容
2025/08/03
工作流程順序安排——哪些事情要一起做?如何設定「一個段落」——哪些事情最好一次做完,不要分段? 工作上每次切換工作類型,人就要多花費幾分鐘的時間來切換狀態。 如果適當地安排執行事務的順序,品質與效率都會更好一些。
2025/08/03
工作流程順序安排——哪些事情要一起做?如何設定「一個段落」——哪些事情最好一次做完,不要分段? 工作上每次切換工作類型,人就要多花費幾分鐘的時間來切換狀態。 如果適當地安排執行事務的順序,品質與效率都會更好一些。
2025/06/30
高中時某天回家的路上,一位學弟在前面走著,跑了幾步又停下來走,又跑了幾步,又停下來走。 「為什麼要跑呢?可能趕著吃飯、看電視。那既然如此,又為什麼要停呢?」
2025/06/30
高中時某天回家的路上,一位學弟在前面走著,跑了幾步又停下來走,又跑了幾步,又停下來走。 「為什麼要跑呢?可能趕著吃飯、看電視。那既然如此,又為什麼要停呢?」
2025/05/24
群體生活,居住、工作、共用環境,有許多的規範、原則、習慣,為什麼你要遵守這些被約定出來的共識?如果對你來說有妨礙、不方便,你可以不遵守嗎?
2025/05/24
群體生活,居住、工作、共用環境,有許多的規範、原則、習慣,為什麼你要遵守這些被約定出來的共識?如果對你來說有妨礙、不方便,你可以不遵守嗎?
看更多
你可能也想看
Thumbnail
不是每個人都適合自己操盤,懂得利用「專業」,才是績效拉開差距的開始
Thumbnail
不是每個人都適合自己操盤,懂得利用「專業」,才是績效拉開差距的開始
Thumbnail
生產力爆發帶來的過剩,會讓過去的「還可以啦」成為最低標準。市場需求對於出類拔萃、獨一無二的需求還是存在,但是對於那些價格高度敏感,或是只需要穩定、便宜、還可以啦的需求端來說,AI 正在迅速取代這部分的供給,中間長尾的服務提供者被 AI 替換。
Thumbnail
生產力爆發帶來的過剩,會讓過去的「還可以啦」成為最低標準。市場需求對於出類拔萃、獨一無二的需求還是存在,但是對於那些價格高度敏感,或是只需要穩定、便宜、還可以啦的需求端來說,AI 正在迅速取代這部分的供給,中間長尾的服務提供者被 AI 替換。
Thumbnail
今年在 Google I/O 有幸看到 Hassabis 本人幾秒,DeepMind 和共同創辦人 Demis Hassabis 的這個題目,也一直都在待寫清單中。 前陣子,在介紹 Founders Fund 時,發現 Demis Hassabis 當初在說服 Peter Thiel 投資 Dee
Thumbnail
今年在 Google I/O 有幸看到 Hassabis 本人幾秒,DeepMind 和共同創辦人 Demis Hassabis 的這個題目,也一直都在待寫清單中。 前陣子,在介紹 Founders Fund 時,發現 Demis Hassabis 當初在說服 Peter Thiel 投資 Dee
Thumbnail
年末總有一種莫名的魔力,讓人特別容易感到孤單。 聖誕節、跨年、緊接著農曆新年……滑開社群,不是甜蜜放閃,就是一群人早早訂好跨年行程。 明明日子算得上順遂,工作穩定無憂,生活也按部就班地往前走着,可總在萬籟俱寂的夜晚,獨自對着空蕩的房間時,心底會悄悄冒出一個念頭:今年,是不是可以不一樣?不再獨自抵
Thumbnail
年末總有一種莫名的魔力,讓人特別容易感到孤單。 聖誕節、跨年、緊接著農曆新年……滑開社群,不是甜蜜放閃,就是一群人早早訂好跨年行程。 明明日子算得上順遂,工作穩定無憂,生活也按部就班地往前走着,可總在萬籟俱寂的夜晚,獨自對着空蕩的房間時,心底會悄悄冒出一個念頭:今年,是不是可以不一樣?不再獨自抵
Thumbnail
本週Fed如預期降息,並且可能延續降息的力道,目前市場預期到年底前還會降二碼,因此也帶動美股走高,個人原先認為這邊可能會有利多出儘的風險,不過以本週的走勢來看,並沒有那麼大的反應,這部份我可能是抓的比較保守了...
Thumbnail
本週Fed如預期降息,並且可能延續降息的力道,目前市場預期到年底前還會降二碼,因此也帶動美股走高,個人原先認為這邊可能會有利多出儘的風險,不過以本週的走勢來看,並沒有那麼大的反應,這部份我可能是抓的比較保守了...
Thumbnail
說到桌上型角色扮演遊戲(TRPG),我想我的狀況點特殊。 是的樣的,其實我一場都沒玩過,不騙你,一場都沒有,雖然我手邊有各種規則書、手冊、整套的骰子、各種指示物,也自己畫過不少地圖。 很現實的一點在於,我身邊從來都沒有人跟我有一樣的嗜好,打從前網路時代就這樣,就一個很鄉下的阿宅,貪婪著蒐集找得到
Thumbnail
說到桌上型角色扮演遊戲(TRPG),我想我的狀況點特殊。 是的樣的,其實我一場都沒玩過,不騙你,一場都沒有,雖然我手邊有各種規則書、手冊、整套的骰子、各種指示物,也自己畫過不少地圖。 很現實的一點在於,我身邊從來都沒有人跟我有一樣的嗜好,打從前網路時代就這樣,就一個很鄉下的阿宅,貪婪著蒐集找得到
Thumbnail
「左右腦動一動創意桌遊紅包」是一款結合傳統紅包袋與腦力訓練的創新桌遊。作者陳建銘老師從母親罹患失智症的經驗出發,運用其獨創的「創新方程式」,將紅包袋轉變為促進左右腦協調的遊戲。藉由紅包袋上的文字和顏色,搭配專屬的「直尺」工具,引導玩家在時間內依序唸出不同顏色與文字的組合,達到活化腦力的效果。
Thumbnail
「左右腦動一動創意桌遊紅包」是一款結合傳統紅包袋與腦力訓練的創新桌遊。作者陳建銘老師從母親罹患失智症的經驗出發,運用其獨創的「創新方程式」,將紅包袋轉變為促進左右腦協調的遊戲。藉由紅包袋上的文字和顏色,搭配專屬的「直尺」工具,引導玩家在時間內依序唸出不同顏色與文字的組合,達到活化腦力的效果。
Thumbnail
靈感是創新的源頭,為了找到創新的點子,我們需要了解靈感的本質和生成過程。靈感並非可遇而不可求,而是由大腦複雜的運作和左右腦的合作結果。透過探索靈感的奧祕,我們可以找到培養和激發靈感的方式。
Thumbnail
靈感是創新的源頭,為了找到創新的點子,我們需要了解靈感的本質和生成過程。靈感並非可遇而不可求,而是由大腦複雜的運作和左右腦的合作結果。透過探索靈感的奧祕,我們可以找到培養和激發靈感的方式。
Thumbnail
(本篇文章轉載於筆者於2021/0829在臉書的個人貼文)
Thumbnail
(本篇文章轉載於筆者於2021/0829在臉書的個人貼文)
Thumbnail
上一個龍年我在倫敦,離家半年,出國前染的頭髮已經退成布丁頭,倫敦是我的最後一站。如果沒有在異鄉過年,我可能真的不會懂過年到底要幹嘛,不會理解圍爐如何讓彼此更靠近,也不會意識到自己需要歸屬感。
Thumbnail
上一個龍年我在倫敦,離家半年,出國前染的頭髮已經退成布丁頭,倫敦是我的最後一站。如果沒有在異鄉過年,我可能真的不會懂過年到底要幹嘛,不會理解圍爐如何讓彼此更靠近,也不會意識到自己需要歸屬感。
Thumbnail
由於最近比較忙碌停更了好一陣子,關於 Flutter 系列目前難產中XD,在開發 Flutter 遊戲之前,我正在進行一個桌遊專案的開發,因為我很喜歡玩桌遊,如果在外面無聊的時候打開手機就可以與朋友一同連線遊玩那該有多好(雖然現在手遊很多),所以我就開始了這個專案,目標是上架各式各樣的桌遊.....
Thumbnail
由於最近比較忙碌停更了好一陣子,關於 Flutter 系列目前難產中XD,在開發 Flutter 遊戲之前,我正在進行一個桌遊專案的開發,因為我很喜歡玩桌遊,如果在外面無聊的時候打開手機就可以與朋友一同連線遊玩那該有多好(雖然現在手遊很多),所以我就開始了這個專案,目標是上架各式各樣的桌遊.....
Thumbnail
話說美國聯準會在5月初集會,如市場預期最後決議升息1碼。但這次的升息卻是好壞消息參半,市場投資人如入五里霧般;好消息是,會後聲明"暗示"升息循環可能告一段落,接下來要先按下暫停鍵,且戰且走
Thumbnail
話說美國聯準會在5月初集會,如市場預期最後決議升息1碼。但這次的升息卻是好壞消息參半,市場投資人如入五里霧般;好消息是,會後聲明"暗示"升息循環可能告一段落,接下來要先按下暫停鍵,且戰且走
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News