我用 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、控制面板最大高度、展开动画和滑块样式，让移动端更容易使用。
这些问题都在初版代码生成以后暴露出来。入口加载、构建和移动端交互需要在实际页面里逐项修复，再重新部署确认。
上线结果
调整入口、构建与移动端交互后，页面部署到了 Vercel。公开仓库保留了从初版生成到几次修复的提交记录。