听笨蛋的秘密

把一段对话,
收进一场不会停的雨里

「听笨蛋的秘密」是一件可以直接在浏览器里体验的交互作品。你上传一张照片,它会被拆成粒子,在雨幕玻璃后慢慢聚拢;你和一个有性格、有世界观的 AI 说话,聊完把这段记忆存进星轨般的回廊。

进入「听笨蛋的秘密」

它是什么

这是一个纯前端的网页作品:画面、交互、数据全部在浏览器里完成,没有后台服务器。它的重点不是效率,而是氛围——雨滴滑过玻璃的折射、粒子被鼠标推散又聚拢、AI 用某个角色的语气回应你。

雨幕与粒子

WebGL 着色器实时渲染雨幕;照片被采样成粒子,随鼠标散开、停手聚拢。右侧滑块可以调节雨幕透明度、雨滴大小与流速。

可喂养的灵魂

在「独白」页写下角色的性格、原则、世界观与说话方式;五行原生角色只是起点,你可以创造自己的角色卡。

会留下来的对话

点「清梦压星河.入梦」,本轮对话会存进「云深」回廊,变成星轨上的一张卡片,随时回看。

怎么玩

  1. 进入作品:用桌面版 Chrome 或 Edge 打开,体验最完整;手机也能打开,但 WebGL 效果和语音识别支持因设备而异。
  2. 体验对话:不填 API key 时会进入「演示模式」,AI 用本地模拟回复,用来感受流程。
  3. 接入真实模型:点顶部任一模型(DeepSeek / Gemini / GPT),粘贴你自己的 API key。key 只保存在你本机浏览器里,本站服务器不接收。
  4. 喂养角色:在「独白」页写世界观、创建灵魂底色,或直接和五行角色对话。
  5. 保存记忆:聊完点「清梦压星河.入梦」,去「云深」页看星轨卡片。

提示:实时语音通话需要独立服务,本作品未包含。语音输入使用浏览器自带的识别能力,语音朗读使用系统语音,两者都免费,且不会把音频上传到本站。

技术说明

前端使用原生 HTML / CSS / JavaScript 与 Vite 构建,画面由 WebGL 着色器(雨幕、流体、涟漪)与 Canvas 粒子系统驱动;数据存储使用浏览器 IndexedDB;模型调用由浏览器直连厂商 API。整个作品没有后端进程,因此可以部署在任意静态托管上。

适合谁

如果你对氛围感网页、着色器视觉、AI 人格设计感兴趣,或者想找一个安静的角落和「某个角色」说说话,这个作品就是为你做的。它不是生产力工具,也不承诺替你解决问题。

继续

进入作品 · 数据与隐私