《萬用桌遊計分板》網頁App V3.5功能更新說明(以及Vibe Coding近況)。

更新 發佈閱讀 14 分鐘

這篇文章的後半段是之前寫的V3版的更新說明,裡面某些東西也有些過時了,但刪掉也有點可惜,就留在文章的後半段供參考。

網頁App連結:https://board-game-score-pad.vercel.app/

影片介紹連結V3:https://youtu.be/K4NZHVxPxqQ


嗯這段Vibe Coding雜談會很長,沒興趣可略過。

總之我現在正在AI戒斷的狀態(X),考慮星期一到四晚上10點後不要使用AI。

之前手受傷了,變得很少玩實體桌遊,也就很少有使用自己App的機會,隨著功能越改越多,最近開始使用後就又發現了不少(以前沒有的)Bug(嘆),目前雲端備份的功能似乎有損壞,慢慢修吧(應已修復)。根本就不知道為什麼觸發了這些Bug。

隨著用的AI越來越強,從之前V3都是在AI Studio在網頁上做,到現在都是在本機端用Antigravity、Cursor、Codex、VS code等等,基本上大眾能免費用的我都用了一下。

(所以沒有Claude code,因為那沒有免費版(X),但Claude的模型還是目前用起來感覺最強的)

AI變強了也就是我參與得更少了,放給他做的時間更多了。

架構也給AI想,實現方式也給AI想,Gemini 3.1 pro遇到解決不了的問題,就丟給Claude解。

倒也不算完全免費的狀態,主要還是有朋友給自己四個月的Google訂閱,Antigravity搭配Gemini的模型算是堪用的程度,大概比之前在網頁做好一些些,也有少量的Claude模型額度可以用。

(然後也有用AI編寫其他專案,但講下去就太偏離這篇文章了)

為什麼要戒斷主要還是太累了,作為一個完全跟我工作無關的活動,長時間的做,即使只是等待、偶爾審核、測試一下,也會消耗精力,而且又無可自拔地會想去學新的東西,雖然也不是學得很深入,但就會知道很多很多東西。

例如現在V3.5有的網址分享計分板的功能,就是跟AI討論過程中衍生的產物。討論到計分板沒什麼人在用啊,如何SEO之類的(X),如何很被動地SEO等等。

很容易動不動就保持腦袋高度運轉到晚上12點多。

哦還有之前免費額度很多的時候同時做兩到三個專案,跑不同的進度,也不能說閒下來。

總之就這樣,反正Antigravity每週的額度也是有限的,其他AI的免費額度也是,慢慢來也未必比較慢。

如果之後還要用手機寫程式的話,可能會考慮Github Copilot吧,月費不貴,而且有提供低階模型近乎無窮的使用額度,考慮到我在做的專案其實也不難。

Google pro的訂閱對我用處是很有限,沒有在大量使用雲端硬碟,沒有拍照的習慣,影片錄完上傳到Youtube也是一段時間就不留原檔了。NotebookLM是也沒有在用,沒有整理筆記的習慣(驚)。
所以真的有用的部分只有Antigravity的額度,以及網頁Gemini 3.1 pro的額度,後者很適合用來學習、鑽研,或是預先做程式架構的規劃討論,最後請他整理後再貼到本機端請AI做。


App V3功能簡介與V3.5功能介紹。

V3的功能我就簡單帶過,因為其他文章/影片裡有寫了,這篇文章後半段也有寫。

就是可以拍照作為計分板的背景圖片,以及新的項目屬性「自動」,可以輸入公式來自動計算。

而V3.5的(其實現在也可以算V3.6了(X))主要功能是:

  1. 支援BGStats資料匯入。
  2. 支援Bgg Collection匯入。
  3. 不確定支不支援匯出給BGStats,所以我不敢說這是V4版,有使用BGStats軟體的朋友可以幫我實測看看。

上述這兩種資料匯入有什麼用呢……就是可以讓這個App運行得更流暢,例如玩家姓名、地點等資訊都會載進來;搜尋遊戲時可以跳出自己Bgg Collection裡有的遊戲,雖然通常也不會有計分板,但留下紀錄的速度會快很多。

我自己是猜測會比BGStats紀錄還快啦,但沒有實測過不知道。

然後是其他各種小細節的功能:

  1. 製作了右下角快速開始遊戲的面板(也是上面說的搜尋遊戲的介面)。
  2. 實作了自動預測地點、人數、玩家的功能,但當然這預測未必準確,但不準確其實也不妨礙使用體驗。我的想法是,反正使用者橫豎也要輸入,猜對的話就少輸入一次,猜錯的話也沒損失,本來就要手動輸入一次。
  3. 有人提出簡易計分板(即0項目純粹為了留下紀錄的情況)總分在畫面最下面不容易注意到,因此設計了一個工具箱介面常駐在畫面下半部,工具箱裡有拍照、截圖的快捷鍵,也有擲骰、隨機順位與起始、倒計時這些簡易堪用的小工具。倒計時我實測過螢幕暗掉30秒還是會響,但再更久(或是Iphone)我就不敢保證了,因為螢幕暗掉後可能會阻止網頁在背景運行。
    這個工具箱在一般計分板時也可以呼叫,位置在計分板右下角的地方。
  4. 複製計分板Json架構的按鈕全面改動,變成複製網址優先,未來可以直接貼網址給別人,對方點進網址就是你設計的計分板。複製內建的計分板也可以。
    這個功能的本質是把你的計分板上傳到雲端資料庫,所以一旦你上傳了,我也看得到。
    這裡給幾個網址示範一下:
    內建的農家樂計分板:https://board-game-score-pad.vercel.app/#Agricola
    然後想到我的計分板好像都放入內建了,沒有雲端的範例可用(X)。
    只有一個英文版的數字 9 乘塔的計分板我有上傳過:
    https://board-game-score-pad.vercel.app/#nmbr-9/s/217344cac7
    提醒:如果你曾經有使用過這個App,你需要重複刷新網頁2~3次,才會更新到當前的版本(上述的網址才會有效果)。
  5. 添加了項目的一種進階設定類型,共用項目,所有玩家會共用這格填入的數值。
  6. 拍照後將遊戲分數添加到照片下方的功能;然後新增了可以匿名的機制,如果有玩家不希望自己的名稱隨著照片被分享出去的話(但計分板截圖沒有提供這個機制)。
  7. 可以匯入Google試算表的Bgg Collection,基本上格式支援Bgg匯出來的,以及geekgroup匯出來的;可以匯入「我」的Bgg Collection(即預設的網址連結),會包含滿多知名的策略遊戲。
  8. 完全的雙語化了(但對看到這篇文章的人來說應該沒什麼意義)。
  9. 可以設定計分板預設的玩家顏色。
  10. 在計分板介面中,在下方彈出的輸入介面左右滑動,可以像搖桿一樣左右移動當前框選的計分格(這個功能是源於幫大家計分時很常需要「等待」不特定對象回報分數後,才幫他填入,變成很多情況下沒辦法一格一格輸入完,必須反覆來回切換)。
    (只有左右滑動可以,上下滑動不會往上下移動。)

大概就上述這些吧,一些小細節的微調就不特別寫了。


這篇文章後面就是之前寫V3的功能更新說明了,裡面有些不完全吻合現況的資訊就請自行斟酌判斷。


《萬用桌遊計分板》App V3功能更新說明。

為一個基本上沒什麼人在用的App發布功能更新的文章似乎沒什麼意義(?),但還是寫寫紀錄一下。

(我是說發文章沒意義,不是說更新沒意義)

總之V3版的起頭(前一篇文章裡所稱的荒謬的功能)簡言之是:

讓使用者能拍照計分紙,然後在這個計分紙上作計分板。

請不要想得太厲害,這個功能沒那麼自動,過程中你還是要自己將矩形計分紙分割,我自己是用手機做過幾個了。

我也會放幾個在內建計分板裡面,不過沒有背景圖,你還是得自己去拿出你的計分紙來拍照(功能放在右上角選單裡)。理論上只要你的計分紙跟我的計分紙是一樣的,效果就會正常運作。

那隨著要新增這個功能,就引發了非常非常多的需求。

原本想要只提供每次使用者自己上傳背景圖片的功能,想著想著變成背景圖片存在雲端(使用者自己的google drive)的功能,再想想又變成本機端也可以儲存圖片的功能(重構了資料庫)。


而既然有了本機端的儲存,那似乎也可以順便做歷史紀錄的功能了(原本的資料庫不適合存放太多內容,改為indexDB就可以了)。

寫到這裡我已經在預期,之後應該會把這篇文章丟給AI,請它改寫一個簡略的版本讓我放在開頭,對一般人來說可能比較容易理解到底新增了哪些功能/值不值得用。

所以V3版現在有歷史紀錄了,你的遊戲歷程將被儲存在手機端。如果想備份的話,可以連結你自己的google雲端硬碟進行備份,理論上這也能讓你在雲端硬碟裡找到資料夾傳給別人,然後別人就能讀取你備份裡的紀錄。(當然這功能主要應該只會用在使用者有很多裝置同步使用這個App的情況,透過上傳/下載能讓每個裝置裡的紀錄同步)

某方面來說我做了一個我自己不是很需要的功能,因為我其實不太紀錄遊戲的結果(?)。如果有bug也歡迎告知,因為我自己測試可能很難發現,而且相比某些玩家我很少有機會紀錄(X)(一周可能玩兩三場遊戲而已)。

不過這其實也只是一個附加功能而已,如果要做什麼統計、分析數據之類的,請去付費購買BGStats這種App,這也是我的下一個目標(V4版)……

我不是說做得跟BGStats一樣,是說做能夠把資料匯入BGstats這個軟體的功能。

(一旦能匯入BGStats,它就能一同連動到Bgg。)

話又說來,到底要怎樣才能匯入BGStats呢?雖然它有提供範本,但其實還是有很多不確定的因素,而且我自己也沒有買這個App,做了效果我也無法測試(X)。

可能等我自己累積多一點歷史紀錄後,真的要去買那個App來測試吧(嘆)。

也期待有玩家可以分享BGStats的匯出檔案給我參考,我才比較有辦法確定(讓AI確定)檔案格式的細節。


接著繼續延續背景計分紙的功能,有兩個非常常見的情況。

  1. 實體桌遊的計分紙方格不是完全像Excel那樣的表格。
    例如一個格子裡可能有多個書寫的欄位,或是會有一個玩家分成兩欄的排版。
    (例如:和諧之森)
  2. 有些格子是讓使用者輸入計算結果用的。
    例如:雅典衛城,計分紙上是讓使用者寫星數跟格數,再寫相乘的結果。

總之為了上面這兩種情況,就對應衍生了兩個功能,分別是把多個計分列放在同一列裡的效果;以及自動運算。

原本我是沒有想做自動運算的功能的(嘆),但就是一步一步地被自己往前推。

那現在這個自動運算的功能其實已經很完整了,它可以被用來寫絕大多數的比較數量計分,我是說例如卡斯卡迪亞的「地形最多的玩家加幾分,第二多的玩家加幾分」這種效果,雖然使用者(你)可能不一定會知道怎麼寫出來,但我自己是很自傲於我的設計方案,我也會提供範例(卡斯卡迪亞)在內建計分板裡,方便使用者自行研究這功能要怎麼寫。

我是真的很自傲(?),隨著我開始做這個App,見過了越來越多同類型的產品,我自認我的這個版本是裡面最容易使用的。但當然也可能是我自以為是,也許一般人覺得公式裡寫if...else比較好理解(X)。

這部分之後可能會拍影片實際示範吧,雖然我覺得很美,但我也可以想見這個功能沒有教學的話比較難被自發學會。

然後順帶一提,也新增了兩數相乘運算支援「分項累加」的功能,這對那種有許多區域都要乘以不同倍率算分的遊戲(多米諾王國)特別好用。


寫到這裡,原來如果不計算各種微小細節的優化的話,其實新增的功能面就已經講得差不多了。

哦還有兩個也是跟拍照功能有關的,既然能存手機端、能留下歷史紀錄,那也可以玩完為這場遊戲拍照留存在裡面;

另個功能也是V4考慮擴展的,如何讓拍的照片跟計分板的資訊結合。目前是先做了最簡單的版本,讓使用者可以把拍的照片附加上遊戲、玩家、分數的資訊來分享出去。


原本又想要最後了,但又想到新增了的另個功能,現在也可以點擊總分直接輸入分數了,這對於有些人懶得一個一個回報,直接跟你講他算出的總分是多少時,可以直接為他輸入。(這個功能是參考BGStats來的,不過我設計得自由度更高一些)。

也為了未來能匯入BGStats,現在可以設定誰是起始玩家,跟分數相同時可以設定打破平手。這些功能都做得很隱諱(X),當你需要它時大概就會發現怎麼設定,嗯我的意思是我覺得我應該不需要解釋這個怎麼設定,你自然就會發現,如果沒發現那大概表示你還不需要這個功能(X)。


應該可以最後了吧……不會寫著寫著又想到其實有什麼新的功能了吧(X)。

最後有兩個使用者操作相關的功能,目前我是沒有做任何提示(還沒想到足夠好的時機),所以使用者只有可能在偶然間發現有這個效果(沒發現當然也不影響使用),都是為了單手/在介面下方操作而設計的。

這邊就提一下:

  1. 在目錄頁手勢往下拉然後往右滑,可以進入搜尋框(相當於點擊右上角的搜尋)。
  2. 在計分板介面中,在下方彈出的輸入介面左右滑動,可以像搖桿一樣左右移動當前框選的計分格(這個功能是源於幫大家計分時很常需要「等待」不特定對象回報分數後,才幫他填入,變成很多情況下沒辦法一格一格輸入完,必須反覆來回切換)。


留言
avatar-img
黃紹東的沙龍
11會員
37內容數
關於一些生活上的信念,或不輕信世俗道德的人如何培養出自身的價值觀的故事。
黃紹東的沙龍的其他內容
2026/03/07
簡言之就是思考上的怠惰。 也許也沒有影響,也許也不是AI的關係,可能本來就怠惰了滿長一段時間。 看著一些特別的數學問題,沒有什麼解決題目的想法,或思路。 也可能是題目確實太難了,也不是你以前就會的東西,但沒什麼想法的感覺是有點明顯。 在這種感覺上,跟使用AI外包思考以至於自己不太有辦法思考,
2026/03/07
簡言之就是思考上的怠惰。 也許也沒有影響,也許也不是AI的關係,可能本來就怠惰了滿長一段時間。 看著一些特別的數學問題,沒有什麼解決題目的想法,或思路。 也可能是題目確實太難了,也不是你以前就會的東西,但沒什麼想法的感覺是有點明顯。 在這種感覺上,跟使用AI外包思考以至於自己不太有辦法思考,
2026/02/17
可能很久沒有那麼脆弱了,肉體上的(?)。 要貼個吸音板,要切個免釘膠的罐子開口,買了一把嶄新的美工刀,然後就…… 切到手指頭了。
2026/02/17
可能很久沒有那麼脆弱了,肉體上的(?)。 要貼個吸音板,要切個免釘膠的罐子開口,買了一把嶄新的美工刀,然後就…… 切到手指頭了。
2026/02/11
沒錯,又是AI,自從開始用AI寫程式以來,可能已經花超過100個小時了(?)。 上次發文寫60個小時,又過了一個月,粗估超過100小時應該不為過。 有些時候是也會想,如果前面是花60個小時在學習程式語言,或許有些很小細節的實現、修改,不會花到那麼多時間。 整體而言到底有沒有節省到時間呢……只能
2026/02/11
沒錯,又是AI,自從開始用AI寫程式以來,可能已經花超過100個小時了(?)。 上次發文寫60個小時,又過了一個月,粗估超過100小時應該不為過。 有些時候是也會想,如果前面是花60個小時在學習程式語言,或許有些很小細節的實現、修改,不會花到那麼多時間。 整體而言到底有沒有節省到時間呢……只能
看更多
你可能也想看
Thumbnail
哈囉,各位每天在遊戲世界裡「拼槍」、每次關鍵時刻滑鼠卻跟不上節奏,或是玩久了手腕又痠又累的朋友們!我是企鵝寶寶 🐧。 你是不是也常有這種感覺?玩 FPS 遊戲正要反殺,滑鼠卻卡了一下,那種輸入延遲真的會讓人想摔鍵盤...😰。或者是買了電競滑鼠,卻覺得重量像在搬磚頭,甩槍甩到手腕發炎。最糟的是,
Thumbnail
哈囉,各位每天在遊戲世界裡「拼槍」、每次關鍵時刻滑鼠卻跟不上節奏,或是玩久了手腕又痠又累的朋友們!我是企鵝寶寶 🐧。 你是不是也常有這種感覺?玩 FPS 遊戲正要反殺,滑鼠卻卡了一下,那種輸入延遲真的會讓人想摔鍵盤...😰。或者是買了電競滑鼠,卻覺得重量像在搬磚頭,甩槍甩到手腕發炎。最糟的是,
Thumbnail
職業賭徒談「贏面」時,重點從來不是一兩手的輸贏,而是長期可重複、可控、可持續的獲利條件。把同一套百家樂規則放進不同場景,結果會被環境機制拉開差距,線上百家樂之所以常被視為比實體牌桌更有勝算,原因不在神秘技巧,而在操作的摩擦更低、節奏更快、風控更容易落地。
Thumbnail
職業賭徒談「贏面」時,重點從來不是一兩手的輸贏,而是長期可重複、可控、可持續的獲利條件。把同一套百家樂規則放進不同場景,結果會被環境機制拉開差距,線上百家樂之所以常被視為比實體牌桌更有勝算,原因不在神秘技巧,而在操作的摩擦更低、節奏更快、風控更容易落地。
Thumbnail
線上德州撲克的核心差異,往往不在介面或功能,而在玩家池結構與平台導向。亞洲與歐洲撲克網站,正好代表兩種截然不同的生態。以GGPoker與CoinPoker作為對照,可以清楚看出娛樂化平台與作戰型平台,在長期EV上的根本差異。 👉21點數學博弈藝術|如何用6招21點基本策略擊敗莊家 GGPo
Thumbnail
線上德州撲克的核心差異,往往不在介面或功能,而在玩家池結構與平台導向。亞洲與歐洲撲克網站,正好代表兩種截然不同的生態。以GGPoker與CoinPoker作為對照,可以清楚看出娛樂化平台與作戰型平台,在長期EV上的根本差異。 👉21點數學博弈藝術|如何用6招21點基本策略擊敗莊家 GGPo
Thumbnail
百家樂一直被視為賭場中勝率最高的遊戲之一,不僅因為規則簡潔,也因為其統計結構讓玩家能透過特定技巧降低波動並擁有接近均等的勝算。許多玩家誤以為百家樂完全靠運氣,但經驗證明,只要掌握算牌概念、投注時機與資金曲線管理,便能將勝率朝有利方向傾斜。 百家樂玩法不像二十一點般具備完整算牌空間,但玩家仍可透過觀
Thumbnail
百家樂一直被視為賭場中勝率最高的遊戲之一,不僅因為規則簡潔,也因為其統計結構讓玩家能透過特定技巧降低波動並擁有接近均等的勝算。許多玩家誤以為百家樂完全靠運氣,但經驗證明,只要掌握算牌概念、投注時機與資金曲線管理,便能將勝率朝有利方向傾斜。 百家樂玩法不像二十一點般具備完整算牌空間,但玩家仍可透過觀
Thumbnail
一位退役軍人分享他在線上遊戲《金庸群俠傳》中的經歷,從初入江湖的小菜雞到成為門派十大高手之一,以及在遊戲中體悟到的友情、競爭和自我成長。文章以輕鬆幽默的口吻,描述了遊戲中的攻防戰、門派文化、以及角色修煉等,並藉此反思人生態度與信念的重要性。
Thumbnail
一位退役軍人分享他在線上遊戲《金庸群俠傳》中的經歷,從初入江湖的小菜雞到成為門派十大高手之一,以及在遊戲中體悟到的友情、競爭和自我成長。文章以輕鬆幽默的口吻,描述了遊戲中的攻防戰、門派文化、以及角色修煉等,並藉此反思人生態度與信念的重要性。
Thumbnail
王宇站在一場高峰論壇的舞台上,手握麥克風,掃視著台下幾百名來自不同產業的品牌負責人。 幾年前,他還只是個在辦公室裡做行銷簡報的上班族,擔心薪水、擔心老闆、擔心未來。但現在,他站在這裡,受邀作為主講嘉賓,分享他對品牌行銷的見解。 螢幕上顯示著他的演講標題: 「內容行銷的新時代——品牌如何從『推廣
Thumbnail
王宇站在一場高峰論壇的舞台上,手握麥克風,掃視著台下幾百名來自不同產業的品牌負責人。 幾年前,他還只是個在辦公室裡做行銷簡報的上班族,擔心薪水、擔心老闆、擔心未來。但現在,他站在這裡,受邀作為主講嘉賓,分享他對品牌行銷的見解。 螢幕上顯示著他的演講標題: 「內容行銷的新時代——品牌如何從『推廣
Thumbnail
遊戲公司不是慈善事業,為什麼要花一大堆成本設計一個遊戲出來給你免費遊玩呢?當然每個遊戲都有不同的營利方式,商城制、廣告制、會員制等等,今天講的只是其中一種常見的手法而已: 當付費玩家的遊戲體驗。 是以免費玩家在遊戲公司的眼裡並非消費者,而是生產要素。給你免費玩遊戲的目的就是讓你PVP的時候被課金大佬
Thumbnail
遊戲公司不是慈善事業,為什麼要花一大堆成本設計一個遊戲出來給你免費遊玩呢?當然每個遊戲都有不同的營利方式,商城制、廣告制、會員制等等,今天講的只是其中一種常見的手法而已: 當付費玩家的遊戲體驗。 是以免費玩家在遊戲公司的眼裡並非消費者,而是生產要素。給你免費玩遊戲的目的就是讓你PVP的時候被課金大佬
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News