用 AI 做多人网页小游戏,只要讲清规则、玩家人数、回合与计分方式,以及想要的画面风格。WisyLink 会把游戏做成网页,自带实时房间、在线名单和实时比分,把高分存进排行榜,再生成一个链接,玩家用任何浏览器打开就能加入。
- 靠描述做出来的网页游戏,从街机、益智游戏,到回合制桌游、实时知识问答和 3D 场景,都能覆盖。
- 多人模式会带来房间、“谁在这里”名单和共享的实时状态,也意味着更多要测的东西。只有玩家确实要一起玩时才选它。
- 答案对不对、该加多少分,交给服务器判断。玩家的浏览器只发送操作,不发送分数。
- 美术、音乐和 3D 模型用你自己的文件(每个最大 25 MB),或者让 AI 用代码绘制矢量图。WisyLink 不能用 AI 生成图片或音乐。
- 玩家在任何手机或电脑上点链接、扫二维码即可加入,无需安装。活动前按实际人数、在现场 Wi-Fi 上完整彩排一遍。
浏览器里能做哪些游戏?
比大多数人想的要多:现代浏览器能流畅运行 2D 动画、街机游戏,还能通过 WebGL 渲染实时 3D 画面,手机和电脑都行。不写代码,AI 能做游戏吗?能。用 AI 应用生成器,你描述规则和手感,生成器负责编写游戏、托管上线,然后给你一个链接。你的工作是游戏设计和测试。(如果你还不熟悉这类工具,先看看AI 应用生成器是什么。)
WisyLink 自己的示例提示词可以让你感受一下规模:带道具和关卡的霓虹打砖块、实时显示每分钟字数的打字测速、带 3D 翻牌效果的记忆配对,还有可以互动的 3D 粒子星系。下表列出常见游戏类型,以及描述时需要讲清楚的内容:
| 游戏类型 | 单人还是多人 | 要描述什么 | 提示词示例 |
|---|---|---|---|
| 实时知识问答 | 多人:主持人大屏加玩家手机 | 回合、倒计时、计分规则、题目来源 | “玩家输入房间码和昵称加入;每题 20 秒;答对得越快,分数越高。” |
| 街机(打砖块、跑酷) | 单人,配共享排行榜 | 键盘和触屏操作、关卡、生命数、难度 | “霓虹风打砖块,有道具、三条命和前 20 名排行榜。” |
| 益智或记忆配对 | 单人或双人对战 | 棋盘尺寸、计时器、步数统计、胜利画面 | “翻牌配对游戏,提供 4x4 和 6x6 两种棋盘,显示步数和计时。” |
| 打字或反应测试 | 单人,结果可分享 | 测什么、时间限制、成绩卡 | “打字测试,实时显示速度和准确率,最后生成可分享的成绩卡。” |
| 回合制棋盘或文字游戏 | 一个房间里 2 到 4 人 | 出手顺序、胜负条件、再来一局、有人中途离开怎么办 | “两名玩家共用一个房间链接;显示轮到谁,结束后可以再来一局。” |
| 你画我猜 | 多人房间 | 谁来画、词库、猜中如何计分 | “一名玩家作画,其他人实时看到笔画并输入猜测。” |
| 3D 场景或漫游 | 通常是单人 | 镜头、操作方式、你提供的模型、手机上的性能 | “在 3D 星系里穿梭飞行;保持流畅,手机上用更轻量的效果。” |
单人游戏还是实时多人?
单人游戏在每位玩家自己的浏览器里运行,服务器只保存需要留下来的东西,比如分数。实时多人游戏则是多个浏览器共享同一个实时游戏状态:一位玩家答题、走棋或画画,其他人转眼就能看到。
当乐趣来自社交时,多人模式才值得做:全班抢答,两个朋友隔着房间下棋,现场观众对着大屏投票。代价是更多测试,因为加入、离开、断线重连、延迟和公平性都要一一检查。很多看起来像对抗的游戏,用“单人模式加共享排行榜”就够了:每个人随时单独玩,事后比分数。这样更容易做,也没人需要等房间凑满人。
一条实用的判断标准:如果玩家需要在操作发生的当下看到彼此的动作,就做多人;如果只需要看到彼此的成绩,就做单人加排行榜。
动手做:实时问答游戏提示词模板
实时知识问答是课堂、团建和活动里最经典的多人网页游戏:主持人画面投在投影上,玩家用手机作答。做法如下:
- 先定玩法。要不要主持人大屏?一共几道题,每题多长时间,怎么计分?发提示词之前就定下来;大家玩过之后再改计分规则,会很麻烦。
- 把题目整理成文件。用表格整理,另存为 CSV,列分别是题目、四个选项和正确选项。这样方便核对,以后换题也容易。把文件附在消息里。
- 发送需求说明。按下面的模板改写。Wisy 可能先问一个简短的问题,然后开始构建。
- 用两三台设备试玩。用手机和电脑分别加入,故意答对、答错,退出再重新加入,再试试游戏进行到一半时中途加入。
- 把看到的问题描述出来去修。比如“我重新加入后分数清零了;回来的玩家要保留原来的分数。”每次修改都是一次新的构建。
- 按实际规模彩排。正式开始前,用预计的人数、在玩家实际会用的网络上完整跑一轮。
需求说明如下,方括号里的内容按你的情况替换:
为[我们初二的生物课]做一个实时知识问答游戏。分两个界面:投影用的主持人画面,以及手机上的玩家画面。主持人开始游戏后,主持人画面显示 4 位字母的房间码、加入链接和对应的二维码。玩家只需输入昵称就能加入,不需要注册账号。主持人能看到谁已加入,并可以移出玩家。题目使用附件中的 CSV(题目、四个选项、正确选项)。每题显示[20]秒,玩家点击四个不同颜色的答案之一。由服务器判断对错并计分:[答对得 1,000 分,答得越慢最多扣 500 分]。每题结束后,主持人画面显示正确答案和前 5 名,每位玩家的手机上显示自己的排名。最后一题结束后显示颁奖台,并把最终成绩存入历史总排行榜页面。玩家可以在两题之间加入;手机断线重连的玩家保留原有分数。整体风格明亮、高对比,坐在教室最后一排也看得清。
如果你想做的是收集邮箱或推荐产品的测验,而不是实时回合制问答,搭法就不一样了,可以参考用 AI 做测评获客小测验。想换种写法描述需求,可以借鉴这些AI 建站提示词模板。
房间、在线状态与实时比分
在底层,WisyLink 做的多人游戏使用实时通道,通常一个房间一个通道。描述时,掌握下面三个概念基本就够了:
- 房间
- 房间码把这个班和那个班、这一桌和那一桌分开。要一个短到能手动输入的房间码,再配一个链接和二维码,点开或扫码就能自动填好。
- 在线状态
- 也就是“谁在线”名单。玩家加入时出现,离开或掉线时消失,主持人据此判断什么时候开始。昵称是玩家自己随便输入的,所以在课堂上用的话,要加一个主持人移出玩家的按钮。
- 实时状态
- 当前显示哪道题、剩余时间、已作答人数、分数。每有变化,玩家屏幕转眼就会更新。
能在真实课堂上撑住的游戏,和只能在演示里跑通的游戏,差别在于两个设计选择:
- 让服务器来计分。实时通道对房间里所有玩家开放,好奇的中学生打开浏览器开发者工具,就可能发送伪造的消息。如果由服务器检查每个答案、负责加分,作弊者最多也只能“答题”,而这本来就是允许的。另外,要求倒计时结束后提交的答案一律拒收。
- 把重要的东西存下来。实时消息是一闪而过的:不保存,也不会重放。要求游戏状态和分数一有变化就保存,这样玩家刷新页面,或者从 Wi-Fi 切到移动数据,都能回到原来的进度,主持人画面断线后也能恢复。
玩家能用手机加入吗?能,而且在大多数课堂和活动里,大家都会用手机。任何现代手机浏览器都可以,不用装应用,除非你要求,也不用注册账号。有一点要注意:实时连接和页面请求按连接和网络地址做了频率限制。三十部手机连同一个学校或会场的 Wi-Fi 时,可能看起来都来自同一个地址,这正是必须按实际规模彩排的原因。
保存高分与排行榜
排行榜说到底就是保存下来的数据:每个成绩一条记录,按从高到低排序。WisyLink 的站点把记录存在各自的数据存储里,多人同时结束也不会互相覆盖。下面几点要在提示词里定好:
- 要哪些榜单。历史总榜、本周榜,还是每场活动一个榜。周榜能让新玩家保持动力,总榜则奖励老玩家。
- 谁的成绩算数。昵称最省事,但谁都能自称“小王”。如果想让常来的玩家拥有自己的成绩,就要求注册和登录;站点自带账户系统,邮箱验证则需要在“集成”里填好你自己的邮箱(SMTP)账户。
- 只收合理的成绩。单人游戏的分数是在玩家浏览器里算出来的,所以要让服务器拒收不可能的成绩(比如两秒通关),并限制同一玩家每分钟只能提交几次。
- 实时还是准实时。新成绩出现后,排行榜页面会在一分钟左右内为访客刷新。如果大屏必须即时更新,就要求排行榜通过游戏的实时通道同步刷新。
美术与音效:自己的素材或代码矢量图
WisyLink 不会用 AI 生成图片、音乐或视频。游戏的画面有三种来源:
- 用代码绘制的矢量图。形状、图标、发光粒子和霓虹效果都由游戏代码直接绘制,在任何屏幕尺寸下都清晰锐利,很适合打砖块、记忆卡牌和问答界面。
- 你自己的文件。上传精灵图、精灵图集、背景、字体、MP3 音乐和音效,或者 .glb、.gltf、.fbx 格式的 3D 模型,每个文件最大 25 MB。只使用你有权使用的素材,比如自己画的作品,或者授权允许再使用的素材包。
- 图库照片。用作背景或题目配图没问题,但不适合做角色。
声音方面有一条浏览器规则值得了解:在玩家点击或轻触页面之前,浏览器通常会禁止播放音频(见 MDN 的自动播放指南(英文))。所以要加一个“点击开始”的画面来解锁声音,再加一个静音按钮,因为很多玩家会在教室或办公室里玩。
分享:链接、二维码与分享卡片
每个游戏都有自己的地址 https://<id>.wisylink.com;也可以换成你自己的域名。让玩家进来有三种方式:
- 链接。贴到班级群、活动邮件或直播简介里。在办活动?在活动页面放上游戏链接;报名那一侧可以参考用 AI 做活动报名页面。
- 二维码。现场使用时,让主持人画面直接显示二维码;做海报和幻灯片时,用任意二维码生成器把链接转成二维码。等最终地址定下来再打印,因为把游戏换到自己的域名后,地址会变。
- 分享卡片。每个站点首次构建时都会生成专属的分享图和网站图标,链接在聊天应用里能正常显示预览。在提示词里给游戏起一个清楚的标题、写好简介,因为它们也会出现在预览里。
规划时还要考虑有效期。在免费的 Community 计划上,链接保留 30 天,之后再标记为待删除一周,适合一次性的聚会或活动。每学期都要用的游戏,应该放在付费计划上,订阅期间链接一直在线;详见计划与价格。
这类网页游戏做不了什么
先了解边界,能省下一个白忙的下午:
- 不是 App Store 或 Google Play 上的游戏。做出来的是网页。玩家可以从浏览器把它添加到主屏幕,但没有应用商店页面,也没有应用内购买。
- 不是大型网络游戏世界。它的设计目标是一个班、一个团队或一场活动的人群,而不是成千上万人同时在线的持久世界。
- 不是讲究毫秒反应的射击游戏。实时更新转眼就到,用于问答、桌游和你画我猜绰绰有余;但需要在玩家之间做到瞬间级公平的游戏,要用专门的游戏服务器。
- 不是由服务器驱动整个世界。游戏循环在玩家的浏览器里运行,服务器负责响应请求、保存结果。后台任务是有的,但每 30 到 60 分钟运行一次,适合每天轮换一道谜题,不适合精确到分钟的定时活动。
3D 在能力范围内:可探索的 WebGL 场景、产品展示式的 3D 查看器、太空穿梭,都能在浏览器里运行。生成的内容正在变成可以置身其中的空间,想了解这个大趋势,可以读《从提示到世界》。
描述你的游戏,拿到可玩链接
从表格里挑一种游戏,用五行字写下规则,发给 Wisy。你会拿到一个已经托管上线、可以直接玩的链接,先在自己手机上试,再在同一个对话里一轮轮打磨。在 Community 计划上免费开始,无需绑卡;等游戏成了您班级或活动的固定节目,再升级到付费计划,让链接一直在线。
F.A.Q.
