這是我的 Steam + PS 游戲的時(shí)長墻：

從頭說。

1

平時(shí)用 Steam 玩游戲的朋友應(yīng)該都有一樣的感受：買游戲如山倒，玩游戲如抽絲。

打折就上頭，幾十塊上百塊往購物車?yán)锛?，想著總該有天?huì)玩。真正能通關(guān)的，一只手...兩只手吧，數(shù)得過來。更多游戲買回來就成了庫存。有時(shí)候沖動(dòng)下單會(huì)楞一下，原來這個(gè)我有了。

這也不是壞事兒。像喜歡書的朋友喜歡一個(gè)大書架一樣，變成架子能欣賞，也挺好的。時(shí)常摩挲愛撫一下，也是樂趣。

我一直想找個(gè) APP 來做這件事。

而市面上的游戲庫 APP 都噪聲太大，廣告多、功能雜，裝一堆社交、打卡、論壇功能。某個(gè)甚至不付費(fèi)就不能添加收藏，你懂的。

今年開始試著用 Claude Code 和 Codex。隨口說了需求，給我的第一個(gè)版本就有點(diǎn)遠(yuǎn)超預(yù)期。當(dāng)場一下就想做出來。

當(dāng)然，產(chǎn)品難度都在后面。所謂搭架子一天，摳細(xì)節(jié)一月。APP 又更了好幾版，總算是能自己日常在用的樣子。

我現(xiàn)在每天都摩挲一下的 APP，給他起名叫 Gamepix。

2

主要功能很樸素：把 Steam 或 PlayStation 的游戲庫同步到本地，用一種盡可能好看的方式呈現(xiàn)出來。

收藏頁是基礎(chǔ)。同步完，所有游戲以網(wǎng)格或列表呈現(xiàn)，可以按標(biāo)題、評分、游玩時(shí)長、成就完成度排序，也可以按標(biāo)簽篩選。

點(diǎn)進(jìn)某款游戲的詳情頁，封面、Metacritic 評分、游玩時(shí)長、成就完成度、截圖、標(biāo)簽、開發(fā)商、發(fā)行商、發(fā)售日期、推薦人數(shù)、支持語言、平臺、最低配置、推薦配置，基礎(chǔ)信息都有。聽起來是常規(guī)的，做起來調(diào)起來費(fèi)勁。詳情頁的信息層級前后重構(gòu)過三四輪。施工的時(shí)候，每天都改幾十遍。

做得比較用心的一個(gè)小彩蛋，是成就。我自己略有一些收集癖，最近剛把「宇宙機(jī)器人」（AstroBot）的獎(jiǎng)杯拿全了，挺開心，就想著在自己的 APP 里也給自己獎(jiǎng)勵(lì)一下。

于是 1.1.1 版本做了這個(gè)：如果游戲的全部成就都解鎖，詳情頁會(huì)出現(xiàn)一塊鋁合金質(zhì)感的金屬銘牌。手機(jī)傾斜時(shí)，銘牌上的光影會(huì)跟著陀螺儀動(dòng)，還會(huì)撒出一陣彩帶。參考的是 Mac 產(chǎn)品背面那種鋁合金刻字的質(zhì)感，給一點(diǎn)點(diǎn)隆重。

3

整個(gè) APP 里我自己最喜歡、也花了最多時(shí)間打磨的，是「游戲墻」（Game Wall）。也是 Gamepix 這個(gè)名字的來源。

把所有玩過的游戲拼成一面墻。更適合摩挲和觀賞。

重點(diǎn)是「時(shí)長」模式，按每款游戲的游玩時(shí)長決定封面尺寸，玩得最多的最大。自由排序拼貼，像馬賽克像素（pix）。

墻面可以在豎版和橫版封面之間切換，密度也可以用滑桿調(diào)。還做了三檔低調(diào)的燈光效果，暖色小燈、明亮大燈。屬于給一點(diǎn)小畫廊里看藏品的氛圍。

墻做好之后可以直接保存到相冊。會(huì)生成一張高分辨率大圖，帶簽名和日期。

4

目前還有幾個(gè)問題。

最明顯的一個(gè)是獲取游戲庫有點(diǎn)麻煩。

一方面是客觀的服務(wù)器連接問題，Steam 和 PSN 的接口在國內(nèi)都不太穩(wěn)，有時(shí)候連不上需要一些「科技手段」。另一方面是登錄和認(rèn)證，Steam 要先去申請一個(gè) API Key 并填 SteamID64，PSN 要走網(wǎng)頁登錄流程、攔截 OAuth 授權(quán)碼，步驟都不算簡單。比較難解決體驗(yàn)問題。

第二個(gè)是數(shù)據(jù)匹配會(huì)有缺失。Steam 一些游戲沒有官方豎版封面，游戲墻上只能用橫版旋轉(zhuǎn) 90 度兜底；還有些游戲所有圖都拉不下來，會(huì)留空位。PSN 更復(fù)雜一點(diǎn)，游戲列表和獎(jiǎng)杯列表在接口上是分開的，要靠英文名橋接，比如我自己 79 個(gè) PSN 游戲里只有 41 個(gè)能完整匹配上。

這兩條是補(bǔ) bug 補(bǔ)了最久的地方，到現(xiàn)在也沒完全平掉。

修 bug 的過程也是很容易進(jìn)入心流的過程。想寫一本《禪與 Vibe Coding 的 bug 維修》。

5

做的過程挺有趣，也真的挺繁瑣。體會(huì)到了做開發(fā)的痛苦。

游戲墻的「時(shí)長模式」布局算法，改了大概二十幾輪。最開始是簡單按時(shí)長正比例映射，結(jié)果頭部游戲過大、尾部過小，整體視覺不好看。后來改成分位映射，又試過對數(shù)壓縮、封頂截?cái)唷⒖斩椿靥?，中間還撤回過好幾個(gè)實(shí)驗(yàn)方向。

獲得全部成就的金屬銘牌的彩帶效果，試過 8 種方案，confetti、stars、firework、bubbles、ribbons、iMessage 混合、煙花三段式、shimmer 流光。最后定下來的是純 SwiftUI Canvas 寫的彩帶。我讓 AI 給我了 30 多個(gè)參數(shù)配置功能，在真機(jī)上反復(fù)調(diào)。

這個(gè)完全是出于自己的審美偏好在折騰。而 AI 是完全不理解怎么算好看的。「好看」是完全無效的輸入，「從屏幕左下(x=8, y=260)和右下(x=w-8, y=260)兩點(diǎn)，以 -0.9 和 -2.24 弧度（斜向上對稱）為主方向、±0.65 弧度隨機(jī)擴(kuò)散、260-400 pt/s 初速度噴射，持續(xù) 0.5s 內(nèi)每側(cè)每幀生成 12 個(gè)大小 1.2x 的彩色粒子（9 色 × 7 形狀隨機(jī)組合），受 400 pt/s2 重力影響自由落下，邊飛邊以 ±9 rad/s 隨機(jī)旋轉(zhuǎn)，透明度從 0.7-1.0 起始按 0.15/s 衰減至消失?！共攀怯行У妮斎?。（當(dāng)然了，這段話也是反復(fù)根據(jù)效果溝通， AI 給出的，并不是我寫的。）

這種反復(fù)試錯(cuò)在傳統(tǒng)開發(fā)里是很奢侈的，機(jī)會(huì)成本太高，一般得反復(fù)討論才能下手。AI 能在幾分鐘就給一個(gè)版本。

6

聊聊做 vibe coding 的體驗(yàn)。

一是，自己的需求和興趣決定了能做什么。

面對一張白畫布，不是隨時(shí)隨刻都會(huì)有想法的。這不是我第一次打開 AI coding 的工具。每次也就是當(dāng)玩具隨手玩兩下而已。

但當(dāng)我那天想象到我可以有一個(gè)沒事兒打開摩挲的游戲墻的時(shí)候，動(dòng)力就來了，具體的框架和畫面也有了。

AI 能把想做的事情做出來，但它不知道什么事情值得做。有想法，對自己在用什么、想要什么有感覺，比懂不懂代碼重要。

二是，有時(shí)候還是得去摳背后的邏輯。

不是想象的那種，一切交給 AI 即可，哪怕它都能實(shí)現(xiàn)。

比如游戲墻的拼圖算法就是典型，前面說的二十幾輪迭代，其中一大半不是代碼問題，是算法思路問題。分位怎么切、頭部怎么封頂、空洞怎么回填，這些得先想清楚了再告訴它。

懂不懂代碼是一回事，懂不懂代碼背后的邏輯是另一回事。這些邏輯的拆解，也不比寫代碼輕松。

三是，這件事真的是有產(chǎn)品沖動(dòng)的人的一種獨(dú)特樂趣。

過去想的事情只能通過別人去實(shí)現(xiàn)，中間的損耗很大；現(xiàn)在想到就能做出來，不糾結(jié)時(shí)間，不糾結(jié)成本（相較于搭一個(gè)團(tuán)隊(duì)、雇一個(gè)外包或者自學(xué)代碼，幾乎忽略不計(jì)），就能直接去做做看了。

不過這種樂趣未必是所有人的樂趣。

跟 AI 生圖、AI 生視頻工具一樣，有人覺得是玩具，有人已經(jīng)當(dāng)成了重要生產(chǎn)力。

還是之前我常說的，想法會(huì)越來越重要。提出問題會(huì)越來越重要。

7

Gamepix 目前只在 iPhone 上能用，免費(fèi)的，沒有訂閱，沒有內(nèi)購。

對我來說它首先是做給自己用的小工具，順便分享給感興趣的朋友。

如果是 Steam 或 PS 玩家，也想摩挲一下的，可以下載試試看。

用起來覺得哪里別扭、哪里不對，也歡迎反饋到公眾號后臺，或者 App 里的「聯(lián)系」按鈕，會(huì)直接打開默認(rèn)郵件客戶端，郵件會(huì)發(fā)到 opencup2026@outlook.com。

Gamepix 不是一個(gè)多大的產(chǎn)品，也不是個(gè)什么創(chuàng)業(yè)項(xiàng)目，是花了兩周時(shí)間的滿足創(chuàng)作欲的一個(gè)小樂趣。如果能讓一兩個(gè)朋友，在某個(gè)周末打開，觀察一下自己的收藏，感受一下全成就完成的彩蛋，就足夠開心了。

這就是面對 AI 的感受：當(dāng)你發(fā)現(xiàn)跟 AI 的關(guān)系的時(shí)候，你就會(huì)有樂趣。比如這種小玩具，就是我的樂趣，也是我跟 Vibe Coding 的關(guān)系。而發(fā)現(xiàn)跟 AI 有什么「關(guān)系」，其實(shí)更重要。