免费光学模拟器亲测：在浏览器里玩转光线追踪，小白也能 5 分钟上手

【免费下载链接】ray-opticsA web app for creating and simulating 2D geometric optical scenes, with a gallery of (interactive) demos.项目地址: https://gitcode.com/gh_mirrors/ra/ray-optics

如果你以为做光学实验必须钻进实验室、面对一屋子昂贵的器材，那今天这个叫Ray Optics Simulation的开源光学模拟器，可能会彻底颠覆你的想象。它是一款完全免费的 2D 几何光学仿真工具，打开浏览器就能搭建场景、发射光线、观察成像，连安装都省了。无论你是被物理课本折磨过的学生，还是想给学生变个魔术的物理老师，只要点几下鼠标，就能亲眼看到光如何折射、反射、聚焦、色散——那种"原来如此"的爽感，我保证你会想马上试一次。

第一次听说"浏览器里的光学实验室"，它到底能干嘛？

先别急着记功能清单，我问你一个问题：还记得小时候用放大镜烧树叶、或者把筷子斜插进水里看它"折断"吗？这个在线光学模拟器干的事，本质上就是把这类实验搬到了浏览器里——只不过，你想多大胆就有多大胆。

它的逻辑非常简单：左边工具栏拖出一个光源，右边放上透镜、镜子、棱镜甚至自定义曲面，光线就"唰"地铺满屏幕，实时告诉你每一束光去了哪里。更妙的是，它不只是画个示意图，而是真的按折射定律、反射定律在逐条光线计算路径，所以拖动物体时，光线会立刻跟着变，像有一只看不见的手在替你画光路图。

图：球面透镜把一束光汇聚到焦点，拖一拖透镜，焦点位置立刻跟着移动——这正是实时光学仿真的魅力。

动手！5 分钟搭出人生第一个光学场景

说得再多不如自己点一下。我把它当新玩具的第一天，只花了不到五分钟就走完了从新手到"有点会玩"的全程，你也完全可以照着来：

第一步，放一个光源。工具栏里选"点光源"，在画布中间点一下，周围立刻散射出密密麻麻的光线，像一盏小台灯被点亮。

第二步，放一块透镜。选"凸透镜"放在光源右侧，光线经过它之后瞬间收拢——继续拖动透镜，你会看到焦点跟着移动，活生生演示了课本上的"焦距"概念。

第三步，加一个检测器。放在透镜后面，它能量化记录落在上面的光强。想要更直观？点击"查看观察者视角"，从某个位置望过去能看到什么像，一目了然。

我个人的建议是：别急着看教程，先乱拖十分钟。因为这种工具的乐趣就在于"错"——把透镜放反、让光线打偏、看看反射到哪去了，每一个错误都是一次意外的物理课。

图库里的"反常识彩蛋"：黑猫变白、铁轨消失

如果你觉得从零搭建太麻烦，那这个项目自带的海量互动演示图库，绝对是宝藏中的宝藏。打开图库，里面躺着几十个经典场景：折射、全反射、海市蜃楼、彩虹、望远镜、相机成像、放大镜下的奇观……每个都可以直接玩，还能点开参数随意改。

我最着迷的是一个叫"黑猫变白"的实验：一张印着黑猫的透明薄片，放进某种液体后，黑猫竟然渐渐变白了。别慌，这不是什么玄学——液体改变了光的传播路径，原本该进入你眼睛的光被"劫持"了，于是黑猫在我们眼里换了肤色。这种反常识现象，比背一百遍折射率公式都来得印象深刻。

图：图库中的"黑猫变白"演示，透明介质改变了光线走向，黑猫的轮廓在液体中"换了颜色"。

另一个让我愣住的是"消失点"演示：两条平行的铁轨，在视野尽头居然相交于一点。这个现象我们每天都能在现实里看到，但只有把它放进光学模拟器里放大、慢放、加上延长线，你才真正理解"为什么平行线看起来会相交"。

玩到停不下来：色散、彩虹与自定义元件

新手的乐趣是"哇，光线会转弯"，而老玩家的乐趣是"我要让它按我写的方式转弯"。Ray Optics Simulation 的进阶玩法就藏在这里。

先说视觉效果最炸裂的：白光色散模拟。放一个三棱镜，让一束白光穿过去，屏幕上瞬间绽开一道彩虹——红橙黄绿蓝紫依次排开。这不是贴图动画，而是模拟器真的对不同波长做了不同的折射计算，所以你把棱镜转个角度，光谱立刻跟着变，物理课上"色散"两个字从此有了画面。

图：一束白光穿过棱镜后展开成连续光谱，拖动棱镜就能看到颜色排列的变化。

更硬核的还在后面：你可以用数学方程自定义镜面形状、定义梯度折射率（GRIN）材料——就是那种折射率在材料内部连续变化的"魔法材料"，也可以造衍射光栅、分束器、二向色镜。如果你是学光学或者搞光学设计的，光这一页就够你研究一下午。

想让模拟更真实？几个亲测好用的细节

玩了一整天之后，我总结出几个让体验直接上一个档次的小技巧，分享给同样手痒的你：

• 拉高光线密度：默认光线条数有限，画面偏稀疏。把"光线密度"拉上去，整个场景立刻变得丝滑、连续，像铺满了一整片光，视觉效果满分。
• 开启颜色模拟：把光线设置成混合颜色，观察白光被过滤、叠加后的效果，比如两种色光相交处出现第三种颜色，直观得像在玩颜料。
• 善用延长线：想判断虚像在哪？打开"光线延长"功能，虚线自动把光线反向延伸，虚像的位置清清楚楚。
• 导出场景：玩出满意的配置，一键导出成 JSON 或 SVG，存下来下次直接用，或者丢给朋友一起玩。

图：提高光线密度后，光场从稀疏的几条线变成一片连续的光幕，细节清晰可见。

进阶玩法：本地运行、导出数据、甚至接入 Python

玩到这儿，你可能已经把它当成一个高级玩具了。但它真正的野心还不止于此——这个项目还提供了 Node.js 模块版本，你可以把整个仿真引擎当成一个库，写几行代码在你的程序里跑光学模拟，甚至通过官方集成工具跟 Python、Julia 等语言打通，做批量计算和自动化分析。对科研或工程用途来说，这就是一个零成本的方案验证台。

不想碰代码也没关系，你照样可以在自己的电脑上离线使用：下载项目压缩包，用任意静态服务器工具指向解压后的文件夹（记得开启"去掉 .html 扩展名"选项），打开浏览器访问本地地址，整个模拟器加图库就在你自己的电脑上跑起来了，断网也能玩。

图：用 Simple Web Server 把项目跑在本地，浏览器访问 8080 端口即可离线畅玩。

看到这里，我只想说一句话：光学不是课本里那些干巴巴的公式，而是你随手拖一下鼠标就能"看见"的魔法。这个免费开源的光学模拟器，就是那把把魔法放出来的钥匙。

现在就打开它，放一个点光源，再放一块凸透镜，然后慢慢拖动它们——你会发现，几分钟前还觉得陌生的"焦距""焦点""实像虚像"，突然都变成了你亲手调出来的东西。相信我，一旦开始，你就很难停下来了。🎈

【免费下载链接】ray-opticsA web app for creating and simulating 2D geometric optical scenes, with a gallery of (interactive) demos.项目地址: https://gitcode.com/gh_mirrors/ra/ray-optics