一个 2D 光学物理模拟器。
▲
在 HTML5 Canvas 上追踪光线如何在不同介质中弯折、分离、消失——
就像月球背面那些永远照不到地球的光。
主要使用 trae 和 opencode。 模型服务来源于我的kimi订阅、某中转站、ollama cloud、以及社区大佬的免费coding plan。
实际用处不大。但很好玩。好玩也是用处
感觉ai在react框架下跑的也不错，opencode也挺好用的……
不过吧……对不懂代码的人不友好。纯原生我能看懂一些结构，到这里就看不懂了。
好在 glm和codex够强。
可能存在一些性能问题。有时间修。
| 使用模型 | 职责/作用 |
|---|---|
| GPT 5.4/GPT 5.3 codex | 主力编写 |
| Kimi k2.5 | 视觉微调 |
| GLM -5 | bug修复 |
| Qwen 3.6 plus | 杂活 |
| Minimax m2.5 | 文档 |
看不懂但觉得很牛逼 
这里存在全反射。应该是合理的。调整一下棱镜的角度就行
但glm的物理我也没很高的要求，不一定100%准确就是了
AI 完全代替大脑。
这么多东西我完全看不懂。但是一个AI审查，一个AI修复，却能实实在在优化代码。
就连 commit messages 都是 AI 写的。
也许，未来的程序员，只需要像我一样，不用懂代码，有一些特殊的素养，也许就能创建出很多有用的工具？
虽然我也不知道 这种素养 是什么。
demo级的不需要考虑太多，毕竟不是上线的产品，a厂自己都是直接Viber一堆demo出来做小试验。
有很多小项目其实是过度/过早优化，就是基线定得太高了，前期进步太快你甚至做的前几个项目，每一个项目都会觉得改进空间很大，如果是这种状态，恭喜你，你开始有架构敏感了，如果开始去理解代码，读不懂就让ai解释代码，然后你会发现，viber写的代码其实很一般。
感觉可以再优化一下光线的强度的逻辑，现在感觉就只有 0.1 和 >0.1 两种强度，0.1 只能穿透 4 个棱镜，后面无论多大都只能穿透 9 个，0.2 是 9 个，2 也是 9 个，只有亮度上的变化
感谢，这似乎是最大折射次数的问题。这个我考虑考虑，可以直接增大数值，也许也还需要优化
哈哈不断反馈和优化才能变得越来越好 
已更新。
大幅优化了性能。 停止拖动以后再加载，且加载的时候分步加载光线glow。
现在即便是这种场景也不会卡了。
修好了。
主要是最大反射次数的问题。现在最多可以50次。同时还优化了一下布局和美学
