WebGL 水体效果 (2010)
该文章展示了使用 WebGL 实现的水体效果演示,由 [Evan Wallace](https://madebyevan.com/webgl-water/ ) 制作。演示需要较好的显卡和最新的驱动。用户可以通过交互操作产生波纹、旋转视角、暂停、移动物体等。其主要特性包括光线追踪反射和折射、解析环境光遮蔽、高度场水模拟、软阴影和焦散。文章还提到了所需的扩展以及瓷砖纹理的来源。
WebGL Water
由 Evan Wallace 制作
此演示需要较好的显卡和最新的驱动程序。如果您无法运行此演示,仍然可以在 YouTube 上观看。
交互方式:
- 在水面上绘制以产生波纹
- 拖动背景以旋转相机
- 按空格键暂停和取消暂停
- 拖动球体以移动它
- 按 L 键设置光照方向
- 按 G 键切换重力
特性:
-
光线追踪反射和折射
-
解析环境光遮蔽 (Analytic ambient occlusion)
-
高度场水模拟 (Heightfield water simulation)*
-
软阴影
-
焦散 (Caustics) (有关详细信息,请参阅此链接) **
-
需要
OES_texture_float
扩展 ** 需要OES_standard_derivatives
扩展
瓷砖纹理来自 Flickr 上 zooboing 的作品。