# OpticalBoard

**Repository Path**: doiob/OpticalBoard

## Basic Information

- **Project Name**: OpticalBoard
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-09-05
- **Last Updated**: 2026-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Optical Board 光学面包板

一款直接在浏览器里运行的几何光学追迹模拟器。
十几种光学元件等你使用，实时追迹光线，一键转3D模型，搭建属于你的光学系统。

A geometric optics tracing simulator that runs directly in your browser.
A dozen or so optical components are available for you to use, allowing you to trace rays in real time, convert them to 3D models with a single click, and build your own optical system.

---
## 亮点

1. 支持一键导出透明背景图片。
2. 支持一键导出当前配置，下次直接加载即可还原。
3. 可自定义光学元件，敬请发挥想象。
4. 光源波长、宽度、亮度皆可调，还可选择白光（复合光）。
5. 支持一键转3D模型，再也不愁科研配图了。

## 使用说明

1. 将右侧栏中元件拖进左侧即可放置。
2. 元件可以在块体内进行旋转、上下左右移动。
3. 支持多个元件「组合」、「复制」、「粘贴」。

---

## 元件库

激光源、反射镜、凹面镜、凸透镜、凹透镜、分束器、光栅、棱镜、光阑、倍频晶体、二向色镜以及一个可自定义出射方式与波长变换的自定义元件。

## 内置示例

棱镜分光反射、双色场分光演示、透镜聚焦、迈克尔逊干涉、光栅分光、二路分束合束、望远镜扩束、棱镜与玻璃。点开示例场景即可一键加载。

## 使用案例
1. 光的色散
![白光色散演示](demo.png)

> 白光经棱镜色散，用户可自行对棱镜角度进行修改

2. 双色光的合束
![双色光合束](demo2.png)

> 通过自定义元件，实现倍频晶体效果

3. 2D光路一键转3D
![玻璃折射](Introduction1.png)

> 2D光路一键即可渲染成3D效果


## 其它功能

明暗双主题切换、渲染精细度三档可调（搭建时流畅、导出时精细）、中英文界面一键切换、按需分辨率导出 PNG、一键隐藏元件只看光路。

---

## 本地运行

下载 `index.html`，双击用浏览器打开即可。推荐 Chrome、Edge、Safari、Firefox 等现代浏览器。

中英文界面用到的霞鹜文楷与思源黑体通过公共 CDN 加载，联网时显示效果最佳；离线打开会自动回退到系统字体，功能不受影响。

## 在线访问

可通过 `https://charm-lord.github.io/OpticalBoard/` 访问。

---

若这个小工具帮到了你，欢迎点击界面右上角的「Star」支持作者继续完善。