WebGL学习笔记(十):雾化
2024-09-03 15:38:12
雾化是指距离我们较远的物体看不清晰的情况,比如模拟大雾环境,或者模拟水下环境时会用到。
实现雾化的方式有很多种,我们这里使用的是线性雾化的方式;
线性雾化
线性雾化比较简单,我们算出每个像素点到摄像机的距离之后,就可以确定当前像素的雾化因子,用雾化因子就可以算出新的颜色值;
示例点击这里:https://hammerc.github.io/dou3d-ts/learning/learningNotes/lesson_11/Fog.html
w 分量优化
直接在顶点着色器中使用 gl_Position.w 分量作为每个像素点到摄像机的距离,可以减少一步优化;
示例:https://hammerc.github.io/dou3d-ts/learning/learningNotes/lesson_11/Fog_w.html
最新文章
- Android开发工具类
- trac中wiki直接显示任务代码
- 用脚本完成mysql工作
- Lighttpd
- HDU2222 Keywords Search(AC自动机模板)
- 每日一“酷”之textwrap
- WPF内嵌代码和后台代码简单混合使用
- IIS 64位上發佈32位asp.net設置
- python list排序的两种方法及实例讲解
- Hdu1108(最小公倍数)
- 玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)
- Microsoft.Identity的IPasswordHasher的默认实现与运用
- android studio 2.3 编译动态库
- django使用xlwt导出excel文件
- SyntaxHighlighter去掉右上角帮助图标的正确方法
- centos7 永久添加静态路由
- 为什么Kafka速度那么快
- POJ - 3244-Difference between Triplets
- cocos2d-x 暂停/恢复 与场景相关(SceneGraph类型)的监听器
- Jmeter—实现识别验证码登录