把一段对话,
收进一场不会停的雨里
「听笨蛋的秘密」是一件可以直接在浏览器里体验的交互作品。你上传一张照片,它会被拆成粒子,在雨幕玻璃后慢慢聚拢;你和一个有性格、有世界观的 AI 说话,聊完把这段记忆存进星轨般的回廊。
进入「听笨蛋的秘密」它是什么
这是一个纯前端的网页作品:画面、交互、数据全部在浏览器里完成,没有后台服务器。它的重点不是效率,而是氛围——雨滴滑过玻璃的折射、粒子被鼠标推散又聚拢、AI 用某个角色的语气回应你。
雨幕与粒子
WebGL 着色器实时渲染雨幕;照片被采样成粒子,随鼠标散开、停手聚拢。右侧滑块可以调节雨幕透明度、雨滴大小与流速。
可喂养的灵魂
在「独白」页写下角色的性格、原则、世界观与说话方式;五行原生角色只是起点,你可以创造自己的角色卡。
会留下来的对话
点「清梦压星河.入梦」,本轮对话会存进「云深」回廊,变成星轨上的一张卡片,随时回看。
怎么玩
- 进入作品:用桌面版 Chrome 或 Edge 打开,体验最完整;手机也能打开,但 WebGL 效果和语音识别支持因设备而异。
- 体验对话:不填 API key 时会进入「演示模式」,AI 用本地模拟回复,用来感受流程。
- 接入真实模型:点顶部任一模型(DeepSeek / Gemini / GPT),粘贴你自己的 API key。key 只保存在你本机浏览器里,本站服务器不接收。
- 喂养角色:在「独白」页写世界观、创建灵魂底色,或直接和五行角色对话。
- 保存记忆:聊完点「清梦压星河.入梦」,去「云深」页看星轨卡片。
提示:实时语音通话需要独立服务,本作品未包含。语音输入使用浏览器自带的识别能力,语音朗读使用系统语音,两者都免费,且不会把音频上传到本站。
技术说明
前端使用原生 HTML / CSS / JavaScript 与 Vite 构建,画面由 WebGL 着色器(雨幕、流体、涟漪)与 Canvas 粒子系统驱动;数据存储使用浏览器 IndexedDB;模型调用由浏览器直连厂商 API。整个作品没有后端进程,因此可以部署在任意静态托管上。
适合谁
如果你对氛围感网页、着色器视觉、AI 人格设计感兴趣,或者想找一个安静的角落和「某个角色」说说话,这个作品就是为你做的。它不是生产力工具,也不承诺替你解决问题。