当前位置:首页 > 日记 > 正文

Three.js如何实现雾化效果示例代码

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具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。

相关文章

word设置自动分行的教程word设置自

word设置自动分行的教程word设置自

教程,方法,步骤,分行,设置自动,  word中经常需要使用到设置自动分行的技巧实行分行,数据的自动分行具体该如何进行设置呢?接下来是小编为大家带来的word设置自动分行的教程,供大家参考。word设置自动分行的教程设置自动分行步骤1:笔者下面以…

fireworks怎么设置导出为png格式?

fireworks怎么设置导出为png格式?

设置,格式,电脑软件,fireworks,png,fireworks因为要用他来导出psd文件的网页png图标,该怎么设置呢?下面我们就就来看看详细的教程。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-09文件——图形预览&mdash…

JavaScript 批量创建数组的方法

JavaScript 批量创建数组的方法

方法,数组,批量,电脑软件,JavaScript,JavaScript有许多批量创建数组的方法,为了衡量它们的性能,我分别使用不同的方法创建一个长度为100000的数组,且键和值相等。同时,我定义了下面这个函数用来测量创建数组所耗费的时间:function t(fn) { var…

excel2013怎么求平均值excel2013求

excel2013怎么求平均值excel2013求

方法,步骤,平均值,电脑软件,strong,  Excel表格能够使用很多运算,像求平方,平方差,平均值等等,那么今天小编就教你怎么在excel2013中求平均值。希望对你有帮助!excel2013求平均值的方法步骤点击空白工作薄,新建一工作文档excel2013求平均值的方…

Photoshop设计制作漂亮的金色斑斓

Photoshop设计制作漂亮的金色斑斓

妇女节,设计制作,斑斓,火焰,金色,效果字由两大部分构成:金色字和火焰效果;金色字直接使用金色纹理素材,并加上一些简单的图层样式得到;火焰部分也是用图层样式来制作。最终效果1、打开PS后,选择菜单:文件 > 新建,画布尺寸如下图。<图1> 2、用油漆…

JS判断微信扫码的方法

JS判断微信扫码的方法

方法,电脑软件,JS,微信扫码,一、navagitor的userAgent属性中,判断是否含有micromessenger二、代码/** * 判断微信扫码 */ function isWechat() { var ua = navigator.userAgent.toLowerCase(),flag = false; // if(ua.match(/MicroMes…

ISO-8859-1 、Latin-1 西欧编码介

ISO-8859-1 、Latin-1 西欧编码介

编码,西欧,电脑软件,ISO,Latin,这些编码,早些时候在一些应用软件中经常看到,估计很多朋友也看到了,这些编码了!从这个图,我们可以看到这类编码应用很广泛,那么我们一起看看,iso-8859-1字符集,到底是什么样字符集,有那些字符!为什么,它应用可以这么广泛…

基于easyui checkbox 的一些操作处

基于easyui checkbox 的一些操作处

处理方法,操作,电脑软件,easyui,checkbox,1、获取已勾选的行:var rows = $('#datagrid').datagrid('getChecked');2、判断checkbox是否全选:var allFlg = $(".datagrid-header-check").find("input").is(":checked");3、checkbox在…

ES6新特性之类 | Class和继承 | Ex

ES6新特性之类 | Class和继承 | Ex

继承,新特性,电脑软件,Extends,Class,本文实例讲述了ES6新特性之类(Class)和继承(Extends)相关概念与用法。分享给大家供大家参考,具体如下:一、类(Class)1.基本语法JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子fu…

ajax同步验证单号是否存在的方法

ajax同步验证单号是否存在的方法

同步,方法,验证,单号,是否存在,本文实例讲述了ajax同步验证单号是否存在的方法。分享给大家供大家参考,具体如下://保存前执行的方法,ajax同步调用后台验证包裹单号是否存在function doBeforeSave(){ var packageCode=document.getElementBy…

微信小程序 页面滑动事件的实例详

微信小程序 页面滑动事件的实例详

滑动事件,详解,实例,页面,程序,微信小程序——页面滑动事件w <view id="id" class = "ball" bindtap = "handletap" bindtouchstart = "handletouchtart" bindtouchmove="handletouchmove" bindtouchend="handletouchend" styl…

angular2中router路由跳转navigate

angular2中router路由跳转navigate

刷新页面,路由,跳转,详解,电脑软件,本文主要介绍的是angular2中router路由跳转navigate的使用与刷新页面问题的相关内容,分享出供大家参考学习,下面来看看详细的介绍:一、router.navigate的使用navigate是Router类的一个方法,主要用来跳转路由…