# threejs-caustics

**Repository Path**: cylc1002/threejs-caustics

## Basic Information

- **Project Name**: threejs-caustics
- **Description**: 本文重点讨论焦散的计算，但此 demo 中还有其他技术。

关于水面渲染，使用了天空盒纹理和立方体贴图进行反射。还使用简单的屏幕空间折射（请参阅有关屏幕空间反射和折射的这篇文章）在水面上应用了折射，该技术在物理上不是正确的，但在视觉上吸引人且快速。 此外，添加了色差以提高真实感。
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ThreeJS-caustics

Try it live: https://martinrenou.github.io/threejs-caustics

Implementation details: https://medium.com/@martinRenou/real-time-rendering-of-water-caustics-59cda1d74aa


![top](screenshots/top.png)
![side](screenshots/side.png)