联系 EN
小红书 Vibe Coding 大赛 · 2026

平行信箱

寄往平行宇宙的信

把今天寄给另一个可能的自己,收到一句让你想继续走下去的话。

互动故事UI/UX动效创意编程
PROJECT概念 / 叙事系统 / 交互 / 视觉设计 / 前端
Intro: a floating envelope among planets and a shooting star
The rare gilded letter with an infinity postmark
Try it

试玩真实作品

选出八张像「今天」的照片,封好信寄出,再亲手拆开另一条人生线寄回的信。每一百封里,会有一封鎏金信。

全屏打开

这是提交给小红书的离线作品包。保存与发布需要在小红书 App 内使用,在网页中会自动切换为截图模式。

关于

一个睡前的小仪式。 不填问卷、不上传、不做自我分析,也不是人格测试或算命。你只需选出像「今天」的照片,就会收到来自另一条人生线上 2–9 年后的自己的回信。

角色独立设计与开发
平台小红书小工具 · 离线 HTML5
时间2026 年 8 月
体验流程 · v2

封信、寄出、亲手拆开蜡封

以下为作品实际界面。

1

开场

星空与行星之间,信封轮换展示全部 17 种款式。

2

交信

一个写着你名字的空信封。

3

八次选择

每选一张照片,它就飞进信封。

4

封缄寄出

火漆封口,跃迁星空锁定属于你的宇宙。

5

回信

亲手拆开火漆,回信与照片随之出现。

6

为什么是它

只用你选过的照片来解释结果。

叙事系统

256 条路径,完全确定

所有选择最终落入四个宇宙之一。第 1–4 题决定 载体 :人、地方、物件或仪式;第 5–8 题决定 方向 :延续、连接、指引或可能。同样的选择,永远得到同一封信。

8

道题

256

条路径

4

个宇宙

16

张回信照片

32

封信

2–9

年后

同行宇宙

落脚宇宙

手边宇宙

节拍宇宙

Reply photos, set 1
Reply photos, set 2
Reply photos, set 3
Reply photos, set 4

16 张电影感夜景「回信照片」。选择还会编码成 00–FF 的邮戳,对应这封信写于多少年后。

v2 · 盲盒信封

把随机讲成故事

分为两层。 因果层 (宇宙、年份、信件、照片)永远不变; 惊喜层 (信封、火漆、信纸与粒子)按概率抽取,并被解释为「跨维度邮政的物理现象」,而不是「更准」。

稀有度概率款式说明
普通55%4
少见27%4
稀有12%4例如「被另一个宇宙再盖了一次邮戳」
传说5%4每款 1.25%
鎏金1%1∞ 邮戳、署名「神秘」,附一封彩蛋信

17 款信封全部由 CSS/SVG 绘制,零位图;概率经过 20 万次模拟抽取验证。

All 17 envelope designs laid out by rarity tier
The gilded letter
迭代

从复古邮筒到深空

v1 · 骨白信纸与复古邮筒
v1 intro with a cream mailbox
v1 letter with a tilted photo print
  • 暖骨白信纸(#F4EFE4)、档案红与宋体衬线,营造安静的档案感。
  • 单独的反馈页打断了「选择」到「寄出」的节奏。
  • 2.4 MB 的寄信视频与位图信纸让包体达到 8.8 MB。
v2 · 夜空
v2 question screen with a sealed envelope
v2 letter
  • 照片直接装入信封;送达时由你亲手拆开火漆。
  • 用代码绘制的跃迁星空与 CSS 信纸取代视频和位图。
  • 包体从 8.8 MB 降到 1.9 MB。
下一个项目 六出凝华 点六下,养出一盏宋式冰裂釉 查看项目