這篇文章的後半段是之前寫的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))主要功能是:
- 支援BGStats資料匯入。
- 支援Bgg Collection匯入。
- 不確定支不支援匯出給BGStats,所以我不敢說這是V4版,有使用BGStats軟體的朋友可以幫我實測看看。
上述這兩種資料匯入有什麼用呢……就是可以讓這個App運行得更流暢,例如玩家姓名、地點等資訊都會載進來;搜尋遊戲時可以跳出自己Bgg Collection裡有的遊戲,雖然通常也不會有計分板,但留下紀錄的速度會快很多。
我自己是猜測會比BGStats紀錄還快啦,但沒有實測過不知道。
然後是其他各種小細節的功能:
- 製作了右下角快速開始遊戲的面板(也是上面說的搜尋遊戲的介面)。
- 實作了自動預測地點、人數、玩家的功能,但當然這預測未必準確,但不準確其實也不妨礙使用體驗。我的想法是,反正使用者橫豎也要輸入,猜對的話就少輸入一次,猜錯的話也沒損失,本來就要手動輸入一次。
- 有人提出簡易計分板(即0項目純粹為了留下紀錄的情況)總分在畫面最下面不容易注意到,因此設計了一個工具箱介面常駐在畫面下半部,工具箱裡有拍照、截圖的快捷鍵,也有擲骰、隨機順位與起始、倒計時這些簡易堪用的小工具。倒計時我實測過螢幕暗掉30秒還是會響,但再更久(或是Iphone)我就不敢保證了,因為螢幕暗掉後可能會阻止網頁在背景運行。
這個工具箱在一般計分板時也可以呼叫,位置在計分板右下角的地方。 - 複製計分板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次,才會更新到當前的版本(上述的網址才會有效果)。 - 添加了項目的一種進階設定類型,共用項目,所有玩家會共用這格填入的數值。
- 拍照後將遊戲分數添加到照片下方的功能;然後新增了可以匿名的機制,如果有玩家不希望自己的名稱隨著照片被分享出去的話(但計分板截圖沒有提供這個機制)。
- 可以匯入Google試算表的Bgg Collection,基本上格式支援Bgg匯出來的,以及geekgroup匯出來的;可以匯入「我」的Bgg Collection(即預設的網址連結),會包含滿多知名的策略遊戲。
- 完全的雙語化了(但對看到這篇文章的人來說應該沒什麼意義)。
- 可以設定計分板預設的玩家顏色。
- 在計分板介面中,在下方彈出的輸入介面左右滑動,可以像搖桿一樣左右移動當前框選的計分格(這個功能是源於幫大家計分時很常需要「等待」不特定對象回報分數後,才幫他填入,變成很多情況下沒辦法一格一格輸入完,必須反覆來回切換)。
(只有左右滑動可以,上下滑動不會往上下移動。)
大概就上述這些吧,一些小細節的微調就不特別寫了。
這篇文章後面就是之前寫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確定)檔案格式的細節。
接著繼續延續背景計分紙的功能,有兩個非常常見的情況。
- 實體桌遊的計分紙方格不是完全像Excel那樣的表格。
例如一個格子裡可能有多個書寫的欄位,或是會有一個玩家分成兩欄的排版。
(例如:和諧之森) - 有些格子是讓使用者輸入計算結果用的。
例如:雅典衛城,計分紙上是讓使用者寫星數跟格數,再寫相乘的結果。
總之為了上面這兩種情況,就對應衍生了兩個功能,分別是把多個計分列放在同一列裡的效果;以及自動運算。
原本我是沒有想做自動運算的功能的(嘆),但就是一步一步地被自己往前推。
那現在這個自動運算的功能其實已經很完整了,它可以被用來寫絕大多數的比較數量計分,我是說例如卡斯卡迪亞的「地形最多的玩家加幾分,第二多的玩家加幾分」這種效果,雖然使用者(你)可能不一定會知道怎麼寫出來,但我自己是很自傲於我的設計方案,我也會提供範例(卡斯卡迪亞)在內建計分板裡,方便使用者自行研究這功能要怎麼寫。
我是真的很自傲(?),隨著我開始做這個App,見過了越來越多同類型的產品,我自認我的這個版本是裡面最容易使用的。但當然也可能是我自以為是,也許一般人覺得公式裡寫if...else比較好理解(X)。
這部分之後可能會拍影片實際示範吧,雖然我覺得很美,但我也可以想見這個功能沒有教學的話比較難被自發學會。
然後順帶一提,也新增了兩數相乘運算支援「分項累加」的功能,這對那種有許多區域都要乘以不同倍率算分的遊戲(多米諾王國)特別好用。
寫到這裡,原來如果不計算各種微小細節的優化的話,其實新增的功能面就已經講得差不多了。
哦還有兩個也是跟拍照功能有關的,既然能存手機端、能留下歷史紀錄,那也可以玩完為這場遊戲拍照留存在裡面;
另個功能也是V4考慮擴展的,如何讓拍的照片跟計分板的資訊結合。目前是先做了最簡單的版本,讓使用者可以把拍的照片附加上遊戲、玩家、分數的資訊來分享出去。
原本又想要最後了,但又想到新增了的另個功能,現在也可以點擊總分直接輸入分數了,這對於有些人懶得一個一個回報,直接跟你講他算出的總分是多少時,可以直接為他輸入。(這個功能是參考BGStats來的,不過我設計得自由度更高一些)。
也為了未來能匯入BGStats,現在可以設定誰是起始玩家,跟分數相同時可以設定打破平手。這些功能都做得很隱諱(X),當你需要它時大概就會發現怎麼設定,嗯我的意思是我覺得我應該不需要解釋這個怎麼設定,你自然就會發現,如果沒發現那大概表示你還不需要這個功能(X)。
應該可以最後了吧……不會寫著寫著又想到其實有什麼新的功能了吧(X)。
最後有兩個使用者操作相關的功能,目前我是沒有做任何提示(還沒想到足夠好的時機),所以使用者只有可能在偶然間發現有這個效果(沒發現當然也不影響使用),都是為了單手/在介面下方操作而設計的。
這邊就提一下:
- 在目錄頁手勢往下拉然後往右滑,可以進入搜尋框(相當於點擊右上角的搜尋)。
- 在計分板介面中,在下方彈出的輸入介面左右滑動,可以像搖桿一樣左右移動當前框選的計分格(這個功能是源於幫大家計分時很常需要「等待」不特定對象回報分數後,才幫他填入,變成很多情況下沒辦法一格一格輸入完,必須反覆來回切換)。












