A STORY OF US / AI 互动故事游戏

换个角度

把故事翻到
你的那一页。

同一件事,两种心情。
把两个人的经历,变成可以交换视角的故事,
在彼此的位置上,重新理解一次相遇。

一段故事两种心情戴绿帽的男生与背着帆布包的女生,项目的两位手绘角色如果那一天,我站在你的位置。
北纬社区 AI 黑客松二等奖最佳人气奖
项目类型AI 产品 · 互动叙事
面向人群愿意共同回看的年轻情侣
当前阶段在线示例 · 本机 AI Demo
项目时间2026.10

WATCH / 六段真实操作录屏

故事怎样发生,
亲眼看一遍。

从《惊喜》的绘本游玩,到双方经历输入与 AI 工作台。选择一段录屏,看看产品实际操作的样子。

STORY / 互动游玩

《惊喜》互动游玩

现有故事的游玩录屏,展示场景动画、字幕与选择。

单独打开 ↗

EXPLORE / 走进现在的产品

一本故事书,
和它背后的工作台。

进入已上线的产品示例,体验《惊喜》与八幕双视角故事;也可以打开工作台,查看输入、提示词、故事结构与分镜。

FOR TWO / 产品网页

我们的故事,从这里开始。

从产品首页进入现有故事,或体验一段可以交换视角的八幕故事。

打开产品网页 ↗
BEHIND THE SCENES / 开发者工作台

让每一步生成,都看得见。

沿节点展开整理、规划、审校和分镜,查看故事怎样成为可执行的交互。

进入工作台 ↗

线上为示例版,可直接游玩预生成故事和查看工作台。新故事 AI 生成、账号画像与 API 配置尚未开放;完整 AI 工作流在本机版本运行。入口均在新标签页打开,方便回到作品集。

01 / THE QUESTION

同一个时刻,
我们看见的并不相同。

一次见面、一条没及时回复的消息、一项临时任务。分歧常常从日常开始,也留下了尚未说清的期待与处境。

A 的那一页 / 示例情境

“我特意来见你,
希望被认真对待。”

机票、路途和等待,是这次见面的投入。对方忙碌的背影,被理解成了不在乎。

想被看见的,是期待。
B 的那一页 / 示例情境

“我也想见你,
但任务真的来不及了。”

截止时间越来越近,工作仍未收尾。没有解释完整的压力,变成了对方眼里的冷淡。

想被理解的,是处境。

让零散的自述,成为一份可以一起看、一起讨论的故事。

02 / TRY ANOTHER PERSPECTIVE

故事没有翻页,
位置先换一下。

在同一个事件节点,看见另一方掌握的信息。下面是一段为作品集编写的虚构短示例,可以试着交换视角。

周五 · 19:20 · 咖啡店
咖啡店里,A 和 B 站在同一个故事时刻
约定、等待,与迟到后的表达

此刻,A 知道的是

我已经等了二十分钟。

我把今晚空出来,早早到了咖啡店。消息没有回复,看到你推门进来时,我想问的其实是:你还记得我们的约定吗?

没有看见的信息:对方刚处理完一个临时任务,手机也没了电。

作品集短示例 · 固定文本,不调用 AI

时间保持一致

切换后仍在同一节点,容易比较信息差。

让两种处境并存

保留双方的感受、需要与尚未说清的话。

把理解带回沟通

围绕具体情境练习表达,再共同回顾。

03 / FROM WORDS TO PLAY

从“我想说”,
走到“我看见了”。

让双方的输入成为故事起点,把表达、换位、练习和回顾连成一条完整路径。

  1. 01

    分别讲述

    各自输入经历、感受与需要,明确同意后再整理。

  2. 02

    生成故事

    把双方材料组织为同一事件的双视角八幕故事。

  3. 03

    换位与选择

    在关键节点切换视角,分别完成一次表达练习。

  4. 04

    一起回顾

    带着新看见的信息,讨论下一次怎样回应。

同一个故事时刻,看见两边的心情。实际 Demo · 虚构故事 · 点击放大 ↗
轻轻进入,一段属于两个人的故事。产品首页 ↗
给两个人,各留一页表达空间。经历输入 ↗
为什么从“同一事件”切入?

项目先聚焦 20—30 岁、处于异地或生活节奏转换期、双方愿意共同回看具体分歧的情侣。用户画像目前是待访谈验证的招募假设。

在路演阶段,我们对照了生活记录、每日提问和 AI 关系支持等产品路径,选择把“双方同一事件自述 → 同节点换位 → 可执行的故事与选择”作为重点验证的体验组合。

首轮试用需要回答三个问题:双方是否愿意加入?是否发现了此前忽略的信息?能否围绕具体事件提出下一步讨论?用户价值仍需要真实试用验证。

04 / BEHIND THE STORY

让 AI 生成的故事,
真正可以被玩起来。

从文字到交互,中间需要明确的结构。让故事、分镜和游戏共用数据,也让生成过程可以检查、暂停与继续。

6次

完成首次故事生成
可选 AI 复盘另加 1 次

  1. 01A 的经历整理
  2. 02B 的经历整理
  3. 03故事规划
  4. 04合理扩写
  5. 05内容审校
  6. 06分镜优化
观众网页 / 开发者工作台Node.js 本机服务文本模型 / Codex CLI校验后的故事 JSONCanvas 场景与游戏状态
内容可信度

先审校,再进入游戏。

检查来源与模拟标签,校验幕数、节点和字段。自动生成内容标为 AI 草稿,并保留人工校对入口。

生成可观察

把过程展开给开发者。

工作台展示 14 个流程节点的提示词、中间结果、状态和耗时。显示节点与实际模型调用次数分别记录。

失败可恢复

从中断的地方继续。

保留已通过的步骤。用户能够查看当前状态,处理失败后继续生成,不必重复提交整段经历。

故事背后的每一步,也有迹可循。开发者工作台 · 点击放大 ↗

METHOD / 从项目里长出来的 Skill

把一次次修复,
沉淀成可复用的方法。

在《惊喜》的迭代中,我把版本融合、角色演出、消息排版和视觉验收整理为 game-interface-polish,让后续完善游戏时有一套可以复用的检查与执行流程。

GAME INTERFACE POLISH

游戏界面完善与视觉验收

保留已有剧情和角色,从真实问题入手:先确认版本与修改范围,再修可读性、交互和演出,最后在桌面与手机上验证并交付。

01 / 确定基线

先守住已经做好的部分。

明确当前版本、素材来源与保留行为,融合有用的改动,避免新工程覆盖已确认的剧情和交互。

02 / 修复实际画面

把问题落到具体场景。

从角色脚底、动作时钟,到气泡行宽、图片加载后的重排,再到微信与长字幕的动态避让。

03 / 验证并交付

在真实运行里检查。

查看桌面与手机,走查暂停、回看与选择,核对动态资源和源码包,确认交接后仍能启动。

同一项目,改进前后。

使用历史代码与当前代码,回放相同角色、台词与消息。

让同一句对白,从窄列回到完整表达。依据实际容器与整句台词预留行宽,图片加载和人物靠边时重新定位。点击图片可放大。

24 SECONDS / 三组对比

从画面,到阅读和操作。

  1. 00:00–00:08同一角色与行走指令
  2. 00:08–00:16同一句对白与气泡排版
  3. 00:16–00:24同一条微信与长字幕
查看对比依据与验证范围 ↗

对比采用原播放器回放相同场景、台词和消息,画面来自真实浏览器采样。历史基线 f3149eb,迭代版本 a695f9a;具体回放方法与验证范围见 GitHub 仓库记录。

05 / WHAT WE HAVE MADE

先做出一次完整体验,
再验证它能走多远。

这次完成了可运行的产品 Demo 与路演。接下来,用双方加入、体验完成与复玩,检验产品假设。

已实现 / DEMO

从输入,到双视角故事

  • 双方经历输入、授权与 AI 整理
  • 八幕故事、视角切换与表达练习
  • 回顾入口与可选 AI 复盘
  • 开发者工作台和中断续跑

线上已提供《惊喜》、八幕预生成故事与工作台示例。完整 AI 生成为本机服务、同机轮流体验;线上示例不接收私人经历。

后续验证 / NEXT

把体验交给真实的两个人

  • 验证邀请、输入与等待中的体验阻力
  • 完善双账号房间与跨设备同步
  • 探索生成式分支改写与复玩
  • 小规模试点后再验证商业合作

首月 6,000 元为试点预算上限,招募与推广均为计划;尚无收入、转化或关系改善效果数据。

展开试点、增长与商业规划

首月试点预算

部署与域名 400 元、AI 调用 1,200 元、素材 600 元、测试答谢 800 元、推广 2,200 元、预备金 800 元。人力另计。

从发现到完成

小红书展示具体情境,经许可的微信与校园社群招募深测,B 站呈现完整体验。观察渠道到访、双方加入、完成与复玩。

故事与角色的延伸

先验证虚构故事共创与自愿分享,再探索纪念卡、贴纸和角色文创;送礼推荐、品牌合作与成交佣金需另行验证。

06 / A MOMENT TO REMEMBER

故事被看见,
也是新的开始。

北纬社区 AI 黑客松
中关村 AI 北纬社区 · 2026 年 10 月 25 日

专业评审 · 综合成绩第二二等奖
现场观众公开投票 · 最高人气最佳人气奖
二等奖 · 奖杯与荣誉证书 查看大图 ↗
最佳人气奖 · 荣誉证书 查看大图 ↗

PRODUCT × STORY × AI × INTERACTION

如果那一天,
我站在你的位置。

从一个日常分歧出发,让产品架构、叙事动画、
AI 工作流与交互设计,共同讲好两个人的故事。

再换一次角度 ↔