用AI做了个小游戏（二）

今天继续来聊聊做小游戏的事。为了一个排行榜我差点把「灌了个篮」重写一遍一个排行榜而已能有多难我当时真是这么想的。「灌了个篮」上线第一周有朋友问我“你这游戏连个排行榜都没有我投了30分都不知道自己什么水平。”我想想也对。竞技类游戏没排行榜等于白做。朋友之间比拼分数、互相不服、反复挑战——这不就是小游戏最核心的社交乐趣吗于是我开始搞排行榜。我以为顶多半天的事。结果一头扎进去差点把整个游戏重写一遍。今天就把这个坑从头到尾讲清楚——微信和抖音两边的排行榜到底怎么搞哪种方式最省命。一、开放域数据Deepseek 都救不了的深坑先说开放域数据这条路。小游戏里做排行榜涉及好友关系和用户数据。平台出于隐私保护把这些敏感信息隔离在一个独立的JS环境里——开放域数据。你的主游戏代码不能直接碰只能通过postMessage来传消息。我一开始想反正有AI让它写呗。我用的Cline DeepSeek v3.2 vscode 做游戏完全没问题。我把微信开放域的文档链接丢给它把需求描述得清清楚楚“主域上传分数开放域接收分数并排序再把排行榜画好后主域渲染共享画布要支持滚动加载更多好友。”AI倒是很自信唰唰唰开始吐代码。然后噩梦就开始了。主域和开放域的消息格式对不上排行榜永远显示“暂无数据”共享画布的坐标对不上排行榜一直画不出来。AI改了一版数据有了但好友头像全是空白。又改一版头像有了滚动到底部加载更多好友直接卡死。就这么来来回回折腾了好几天AI每次都说“这次应该没问题了”但是每次都有新问题。到最后我实在没招了。自己老老实实打开微信开发文档扛着二十多年码农精神啃文档。把开放域的初始化流程、消息收发的生命周期、Canvas渲染的限制条件全部捋了一遍画出流程方案然后拿着这张方案反过来教AI“你听我的按这个步骤来第一步干什么第二步干什么消息格式必须是这样。”AI终于老实了。按我给的“药方”重新生成了代码这回总算跑通了。我看了一眼日历——从开始做到排行榜能正常展示整整过去了两个礼拜。两个礼拜就为了一个勉强能看的排行榜。我「灌了个篮」的核心玩法更新都没花这么长时间。二、平台组件这才是人过的日子被开放域虐完之后放松了一段时间一个偶然的机会我发现了另外一个文档-排行榜小游戏组件。先说微信。微信小游戏提供了一个组件叫“小游戏组件”里面集成了排行榜功能但是它且一游戏中心的形式在那里躺着怪不得文档先让我试了一圈开放域数据调用方式简单到发指代码量一只手数得过来。弹出来的页面让我惊了——这哪是排行榜这简直是个微型社区。它不光有世界排名和好友排名还自带玩家广场——能看到所有在线玩家点进去就能看别人的主页。广场旁边是直播入口有主播在玩你的游戏会直接展示出来。最离谱的是还有个世界聊天频道玩家一边投篮一边在底下聊天吹水。更关键的一点它不需要好友数据授权。传统排行榜你得弹个授权框求爷爷告奶奶让玩家点同意这个组件直接基于游戏内的关系链省了那一步。对转化率来说少一个弹窗就是少一批流失。再说抖音。抖音这边是tt.getImRankList()接口配合平台配套的UI组件一起用。调用也很简单传个分数key进去数据和UI全部给你包好。目前提供世界排行和好友排行额外带一个炫耀按钮——玩家点一下就能把排名战绩生成视频发抖音还带一个分享功能拉好友来玩。整套UI和抖音的设计语言完全一致圆角、动效、字体看着就跟抖音原生功能一样。玩家用起来毫无违和感不需要任何学习成本。我把两边的体验拉了个表对比项微信小游戏组件抖音平台组件开发时间10分钟10分钟好友授权不需要不需要排行榜类型世界榜、好友榜世界榜、好友榜额外功能玩家广场、直播入口、世界聊天炫耀发抖音、分享好友UI定制基本没法改基本没法改三、我的体会平台在往“组件化”猛踩油门搞完这一圈我有一个特别强烈的感受开放域是上个时代的遗产组件化才是平台的未来。微信这套“小游戏组件”的野心明显不止于排行榜。玩家广场、直播、世界聊天——它想把游戏内的一切社交行为都标准化、组件化。你接入的不只是一个排行榜而是一整套社交系统。抖音的思路也类似。炫耀功能直接打通了抖音最核心的内容生态玩家晒一次成绩就等于给你的游戏做一次免费推广。对个人开发者来说这意味着你根本不需要纠结“要不要自己写排行榜”——平台已经帮你把路铺好了甚至连路灯都装好了。你要做的就是踩上去。四、一点小期待排行榜不该是冷冰冰的Excel表它应该是朋友之间互相较劲的江湖。微信那个世界聊天频道已经有点那个意思了。如果有一天排行榜能变成一个真正有温度的小社区——那「灌了个篮」就不只是一个投篮游戏而是一个以投篮为借口聚在一起的地方。如果你也正在给自己的小游戏加排行榜我的建议只有一句别碰开放域。在个人AI这条路上能借力的地方千万别自己硬扛。排行榜这件事平台已经帮你扛完了。说了那么多想看看我做的两个排行榜长什么样吗微信小游戏 《灌了个篮》来玩一局。