用AI做了个小游戏（二）

今天继续来聊聊做小游戏的事。

为了一个排行榜，我差点把「灌了个篮」重写一遍

一个排行榜而已，能有多难？我当时真是这么想的。

「灌了个篮」上线第一周，有朋友问我：“你这游戏连个排行榜都没有，我投了30分都不知道自己什么水平。”

我想想也对。竞技类游戏，没排行榜等于白做。朋友之间比拼分数、互相不服、反复挑战——这不就是小游戏最核心的社交乐趣吗？

于是我开始搞排行榜。

我以为顶多半天的事。结果一头扎进去，差点把整个游戏重写一遍。今天就把这个坑从头到尾讲清楚——微信和抖音两边的排行榜到底怎么搞，哪种方式最省命。

一、开放域数据：Deepseek 都救不了的深坑

先说开放域数据这条路。

小游戏里做排行榜，涉及好友关系和用户数据。平台出于隐私保护，把这些敏感信息隔离在一个独立的JS环境里——开放域数据。你的主游戏代码不能直接碰，只能通过postMessage来传消息。

我一开始想：反正有AI，让它写呗。

我用的Cline + DeepSeek v3.2 + vscode， 做游戏完全没问题。我把微信开放域的文档链接丢给它，把需求描述得清清楚楚：“主域上传分数，开放域接收分数并排序，再把排行榜画好后，主域渲染共享画布，要支持滚动加载更多好友。”

AI倒是很自信，唰唰唰开始吐代码。然后噩梦就开始了。主域和开放域的消息格式对不上，排行榜永远显示“暂无数据”，共享画布的坐标对不上，排行榜一直画不出来。AI改了一版，数据有了，但好友头像全是空白。又改一版，头像有了，滚动到底部加载更多好友直接卡死。就这么来来回回折腾了好几天，AI每次都说“这次应该没问题了”，但是每次都有新问题。到最后，我实在没招了。自己老老实实打开微信开发文档，扛着二十多年码农精神啃文档。把开放域的初始化流程、消息收发的生命周期、Canvas渲染的限制条件全部捋了一遍，画出流程方案，然后拿着这张方案反过来教AI：“你听我的，按这个步骤来，第一步干什么，第二步干什么，消息格式必须是这样。”

AI终于老实了。按我给的“药方”重新生成了代码，这回总算跑通了。

我看了一眼日历——从开始做到排行榜能正常展示，整整过去了两个礼拜。

两个礼拜，就为了一个勉强能看的排行榜。我「灌了个篮」的核心玩法更新都没花这么长时间。

二、平台组件：这才是人过的日子

被开放域虐完之后，放松了一段时间，一个偶然的机会我发现了另外一个文档-排行榜小游戏组件。

先说微信。

微信小游戏提供了一个组件叫“小游戏组件”，里面集成了排行榜功能，但是它且一游戏中心的形式在那里躺着，怪不得文档先让我试了一圈开放域数据！调用方式简单到发指，代码量一只手数得过来。弹出来的页面让我惊了——这哪是排行榜，这简直是个微型社区。

它不光有世界排名和好友排名，还自带玩家广场——能看到所有在线玩家，点进去就能看别人的主页。广场旁边是直播入口，有主播在玩你的游戏会直接展示出来。最离谱的是还有个世界聊天频道，玩家一边投篮一边在底下聊天吹水。

更关键的一点：它不需要好友数据授权。传统排行榜你得弹个授权框求爷爷告奶奶让玩家点同意，这个组件直接基于游戏内的关系链，省了那一步。对转化率来说，少一个弹窗就是少一批流失。

再说抖音。

抖音这边是tt.getImRankList()接口，配合平台配套的UI组件一起用。调用也很简单，传个分数key进去，数据和UI全部给你包好。目前提供世界排行和好友排行，额外带一个炫耀按钮——玩家点一下就能把排名战绩生成视频发抖音，还带一个分享功能拉好友来玩。

整套UI和抖音的设计语言完全一致，圆角、动效、字体，看着就跟抖音原生功能一样。玩家用起来毫无违和感，不需要任何学习成本。

我把两边的体验拉了个表：

三、我的体会：平台在往“组件化”猛踩油门

搞完这一圈，我有一个特别强烈的感受：开放域是上个时代的遗产，组件化才是平台的未来。

微信这套“小游戏组件”的野心明显不止于排行榜。玩家广场、直播、世界聊天——它想把游戏内的一切社交行为都标准化、组件化。你接入的不只是一个排行榜，而是一整套社交系统。

抖音的思路也类似。炫耀功能直接打通了抖音最核心的内容生态，玩家晒一次成绩就等于给你的游戏做一次免费推广。

对个人开发者来说，这意味着你根本不需要纠结“要不要自己写排行榜”——平台已经帮你把路铺好了，甚至连路灯都装好了。你要做的就是踩上去。

四、一点小期待

排行榜不该是冷冰冰的Excel表，它应该是朋友之间互相较劲的江湖。

微信那个世界聊天频道已经有点那个意思了。如果有一天，排行榜能变成一个真正有温度的小社区——那「灌了个篮」就不只是一个投篮游戏，而是一个以投篮为借口聚在一起的地方。

如果你也正在给自己的小游戏加排行榜，我的建议只有一句：别碰开放域。

在个人+AI这条路上，能借力的地方千万别自己硬扛。排行榜这件事，平台已经帮你扛完了。

说了那么多，想看看我做的两个排行榜长什么样吗？

微信小游戏 《灌了个篮》来玩一局。