返回

心屿

一座随心情变天的情绪小岛:每天用文字或语音记下心情,AI 一句一句接住你的话,岛上的天气、海面和草木跟着情绪变化;过段时间回来,还能看清自己是怎么走过来的。

作者: 云上码术
心屿

描述

《心屿》是一座给情绪准备的小岛。做这个项目的起点很私人:很多人情绪低落时会打开聊天框,打了一大段字,最后又一个字一个字删掉。不是没话说,而是不知道说给谁听,也怕打扰别人。《心屿》想接住的就是这个瞬间,给情绪一个不用解释、不用表演的去处。它送给每一个想好好安放情绪的人,尤其是那些深夜睡不着、却没人可说的时刻。

体验分三段:

  • 记录:每天把心情写下来,文字或语音都可以。AI 会接住你的话,回应一句一句流式出现,像真的有人在听你说完。
  • 看见:情绪会变成岛上的景象,天气、海面和草木随心情变化。心情好,岛上放晴;心里在下雨,岛上也会下雨。
  • 回望:过段时间回来,岛还记得你走过的路。情绪曲线和 AI 生成的阶段小结,让你看清自己这段时间是怎么过来的。

玩家在岛上的化身是一位旅人,可以行走、探索、垂钓、驾驶、放天灯。你记录下的不只是文字,而是一座慢慢生长的小岛。

技术上,前端用 React、TypeScript 和 Framer Motion,3D 场景基于 Three.js,AI 的回应通过 WebSocket 流式传输,后端 Python 服务负责情感分析与生成;岛屿地形、村落建筑、植被和道具都在 Blender 里程序化建模,主角旅人由 Tripo 生成。作者不想把《心屿》定义成一个工具,它更像一份礼物,送给那个深夜把字打完又删掉的人,告诉他:你的情绪,值得有个地方放。

Tripo 用在哪里

Tripo 生成了《心屿》的主角:玩家在岛上的化身「旅人」。行走、探索、垂钓、驾驶、放天灯,岛上所有场景都由这个角色承载。

  • 角色管线的起点:先完成旅人的 2D 人设,再以它为依据用 Tripo 生成完整的 3D 角色(约 2 万面)。
  • 后续流程:进 Blender 按脚部、腿部、躯干、头部分段核对比例,接入 CMU 动捕动画,最后在 Three.js 里实时驱动,让旅人能在岛上跑跳、甩竿、放灯。
  • 在作品里的分量:玩家对这座岛的情感投射,很大一部分落在这个形象上。作者说,Tripo 补上了独立开发者最难跨越的一环:角色建模。

宣传视频