返回

走进清明上河图

以张择端《清明上河图》为蓝本的 3D 探索游戏:扮演初到汴京的书生阿青,走过虹桥、逛沿河集市、乘船游河,帮忙化解桥下的一场险情,解锁 4 段市井人物的故事。

作者: Qingming Studio开源地址
在线体验
走进清明上河图在线体验

描述

《走进清明上河图》是送给世界各地想了解中国文化的朋友的一份礼物,邀请玩家通过街巷、风俗和普通人的日常,去发现一座历史名城。游戏取材于张择端的《清明上河图》,玩家扮演年轻书生阿青,初到北宋都城汴京;跟着他的好奇心,一座陌生的城市渐渐变成由面孔、对话和故事组成的地方。

目前的版本还原了虹桥和周边的沿河集市。玩家可以走过木桥,逛逛摊位,乘船游河,结识船工、小贩和手艺人。桥下一场突发的险情,会把玩家卷入一段轻量的任务:和当地人交谈,收集物资,帮忙化解麻烦。完成任务后,会解锁关于这些人物的 4 段故事。

游戏里可以选择查看人物和地标的介绍,了解画面背后的行当与风俗,史料参考了《东京梦华录》;史实与虚构的故事明确区分开,不需要预先了解中国历史,也能放心探索。游戏基于 Three.js 开发,3D 人物和道具由 Tripo 生成,开发借助 Codex 完成,人物图片用豆包生成,一幅名画就这样变成了可以走进去、参与其中的世界。

作者希望,玩家离开时记住的不只是一座漂亮的桥,也许还有一位船工的心事、一个商贩的生计,或是陌生人之间的一点善意,并因此觉得和中国的人与文化更近了一些。

Tripo 用在哪里

Tripo 是这座汴京城的核心驱动:作者在 Codex 里调用 Tripo 的 MCP(优先走 API),生成了 45 个 3D 人物和剧情道具,人物是批量生成的。

  • 45 个 3D 人物:脚本逐行读取表格里 1 到 45 号人物的三视图图片和文字描述,调用 Tripo 图生 3D 生成角色;统一要求写实的北宋古装、T-pose、干净的四边面和 2K 贴图,面数按服饰层数控制在 1.5 万到 4 万个三角面,保留五官辨识度,避免撞脸。
  • 自动绑骨与动画:自动开启 Tripo 的完整人形绑骨(含手指骨骼、平滑权重,减少衣物穿模),每个角色再生成 3 段动画——2 秒循环待机、4 秒慢走,以及一个对应职业的专属小动作,最后输出 GLB。
  • 剧情道具:《虹桥急情》剧情里用到的道具也由 Tripo 生成。

作者的第一版 demo 用的是 Codex 加 Blender 做出的场景和人物,和用 Tripo 优化后的版本差别很大:用作者的话说,Tripo 让人物更栩栩如生,让场景更接近真实。

宣传视频