雾化效果是3D的比较常见的特性,在游戏中见到的烟雾、爆炸火焰以及白云等效果都是雾化的结果,下面这篇文章主要给大家介绍了关于Three.js如何实现雾化效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。

前言

本文主要给大家介绍了关于Three.js实现雾化效果的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

实现方法

如果使用three.js实现雾化效果很简单,只需要在给scene对象的fog属性添加值就好了,比如:

scene.fog = new THREE.Fog(0xffffff,100,120); 

这样就给添加了雾化的效果,在实例化雾化的对象的时候,需要传三个值(雾的颜色,雾化开始的距离相机的位置,全雾化距离相机的位置)。


添加上了就会显示以上的效果,设置雾化的过程比较短,所以雾化的效果比较明显。

还有一个种是随着距离呈指数增长的雾化效果,只需要设置雾的颜色和浓度即可。如:

scene.fog = new THREE.FogExp2(0xffffff,0.02); 

效果如下:


总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者使用Three.js具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对爱安网的支持。

最新资讯
Facebook在深圳设立体验中心 吸引中国广告商

Facebook在深圳设立体

据NYT中文网消息,Facebook在一家合作伙伴的帮助下,在深
苹果:开发者计划所有会员到本月底必须启用两步认证

苹果:开发者计划所有会

日前,苹果已通知其开发者计划的全体会员他们必须在本月
原有车以后副总裁李鹏程加盟小鹏汽车 任公关总经理

原有车以后副总裁李鹏

据小鹏汽车官网消息,原有车以后联合创始人李鹏程正式加
小米手机跌至行业第五 凭AIoT翻身时间紧任务重

小米手机跌至行业第五

2019年初,经过重整的小米紧急宣布多方面动态,跟进手机行
收购Oculus后 扎克伯格曾想再砸几十亿买下Unity

收购Oculus后 扎克伯

30亿美元天价收购了虚拟现实公司Oculus VR后不到一年,F
谷歌计划投资超130亿美元 继续向湾区之外扩张

谷歌计划投资超130亿

通过这项新的投资,谷歌现在全美24个州都有房地产资产,包
最新文章
微信小程序CSS3动画下拉菜单效果

微信小程序CSS3动画下

这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉
微信小程序使用swiper组件实现层叠轮播图

微信小程序使用swiper

这篇文章主要为大家详细介绍了微信小程序使用swiper组
微信小程序实现带缩略图轮播效果

微信小程序实现带缩略

这篇文章主要为大家详细介绍了微信小程序实现带缩略图
小程序实现五星点评效果

小程序实现五星点评效

这篇文章主要为大家详细介绍了小程序实现五星点评效果
微信小程序实现笑脸评分功能

微信小程序实现笑脸评

这篇文章主要为大家详细介绍了微信小程序实现笑脸评分
微信小程序自定义轮播图

微信小程序自定义轮播

这篇文章主要为大家详细介绍了微信小程序自定义轮播图