前端 Demo:实时模拟光线穿过玻璃的物理效果
measure_plan · x · 2026-08-18
作者展示了一个基于 Web 的实时渲染 Demo,模拟了光线穿过玻璃时的物理视觉效果。该项目使用了 Three.js 结合自定义着色器技术,实现了以下效果:
- 折射:光线穿过不同介质时的路径偏折。
- 色散:不同波长的光因折射率不同而分离,产生彩虹边缘效果。
- 焦散:光线经反射或折射后汇聚形成的光斑图案。
该代码在浏览器中实时运行,展示了在不使用离线渲染工具的情况下,仅靠 WebGL 技术达成逼真光影的可能性。
「应用」频道最新
- 实测 Cursor Origin 代码同步速度极快 — kevinkern · 2026-08-18
- Warp 推出 SSH 编程 Agent,无需安装额外 CLI — vikvang1 · 2026-08-18
- Replit 推出企业治理工具:审计日志与管理 API 上线 — amasad · 2026-08-18
- Cursor 推出 Origin 工具,开启 Beta 测试 — kevinkern · 2026-08-18
- 别只看聊天界面:评估企业级AI应关注上下文层 — metal__ai · 2026-08-18
- 开发者吐槽GPT Live跨端设置混乱 — brandon_galang · 2026-08-18