我用 Gemini 折腾了一个交互式黑洞
从 AI Studio 生成初版，到补入口脚本、调移动端布局和部署上线，这个小实验留下了几次很典型的人机协作调试。
- Gemini
- Three.js
- Shader
- Vibe Coding
想法很简单
我想看看只靠描述、试效果和继续提要求，能不能做出一个有点氛围的黑洞页面。初版来自 Gemini / Google AI Studio，随后我把代码放进 GitHub，自己处理运行、修改和部署。
它是一段以施瓦西黑洞为灵感的视觉实验，不承担科研计算用途。页面使用 React、Three.js 和自定义 Shader 绘制吸积盘与光影，再通过 Bloom 做后期效果。
最后做出了什么
页面可以拖动旋转、滚轮或手势缩放，也有自动旋转、截图和中英文切换。控制面板可以调整多普勒效果、色移、亮度、色相、曝光和 Bloom 强度。
这些功能看起来很完整，真正让它上线的工作却很普通：项目入口有没有加载、构建命令能不能跑、控制面板会不会在小屏幕溢出、触摸手势会不会与页面滚动打架。
GitHub 记录里的几次修改
公开仓库保留了五个提交。第一版先搭好 Vite、React、Three.js 和双语文本；接着两次补充 index.tsx 的模块脚本入口，解决页面没有正确加载的问题；最后又调整 viewport、控制面板最大高度、展开动画和滑块样式，让移动端更容易使用。
这段历史很能说明我怎样使用 AI。AI 能很快给出完整的视觉和代码，部署链路里的小错误仍然需要我找到证据、改代码、重新构建，再去真实页面确认。
我从中留下的经验
Vibe Coding 很适合快速把想法变成能摸到的东西。需求越靠近视觉和交互，边看边改的反馈越直接。到了部署、兼容性和物理含义，还是要把每一层拆开看。
后来我做其他项目也沿用了这个习惯：先让 AI 快速做出可运行版本，再检查入口、依赖、构建和实际设备。效果符合预期以后，才把它当成完成。