Ian Wang
Index

← Demo / Labs

大观园 / 红楼梦像素游戏
WIP

大观园 / 红楼梦像素游戏

一个像素风的《红楼梦》小世界。在大观园里走动、与角色对话、玩切菜小游戏。NPC 对话由 LLM 即时生成 —— 你需要自带 API key。

项目截图 · 01 / 03

是什么

一个用 React UMD + Babel standalone 搭起来的浏览器内像素游戏,用《红楼梦》当壳,用 LLM 当 NPC 的脑子。 小说的人物从纸上走出来,住进一个可以走、可以推门、可以和他们聊天的小院。

现在能做什么

  • 走动 — 在大观园的几个院落之间用方向键移动,碰到 NPC 自动停下。
  • 对话 — 角色对话由 LLM 即时生成(基于人物设定 + 你的输入),不是预写的 dialogue tree。
  • 内置各种场景 — 海棠诗社,大观楼看戏,正园门送行。
  • 切菜小游戏 — 茶房里有个 mini-game,时机感判断。
  • 戏曲音效 — 进入特定地点会触发昆曲片段。

需要你自带 API key

这是 ian.me 的纯静态部署,没有后端代理。游戏里 LLM 那一块(NPC 对话生成)需要你在游戏内的「偏好设置」里粘自己的 API key(默认指向阿里云 dashscope qwen-plus,也可以改成任何 OpenAI 兼容 endpoint)。 不配置 key 的话游戏的”非对话部分”仍能玩 —— 走路、看场景、切菜小游戏都是本地逻辑。

还在调的

  • 角色 sprite 的方向帧还差几张
  • 对话被打断后的状态恢复
  • 多人 NPC 同时在场的对话切换
  • 把”剧情”做成可分享的 save state

如何运行

点上方「运行 Demo」,输入 4 位邀请码进入。 游戏全部在浏览器里跑(React UMD + Babel standalone + 静态 sprite),加载完即可离线玩走动与小游戏。