codecamp

three.js Fog

这个类中的参数定义了线性雾。也就是说,雾的密度是随着距离线性增大的。

构造器

Fog( color : Integer, near : Float, far : Float )

颜色参数传入Color构造函数中,来设置颜色属性。颜色可以是一个十六进制的整型数,或者是CSS风格的字符串。

属性

.isFog : Boolean

用于检查给定对象是否为 Fog 类型的只读标志。

.name : String

对象的名称,可选、不必唯一。默认值是一个空字符串。

.color : Color

雾的颜色。比如说,如果将其设置为黑色,远处的物体将被渲染成黑色。

.near : Float

开始应用雾的最小距离。距离小于活动摄像机“near”个单位的物体将不会被雾所影响。

默认值是1。

.far : Float

结束计算、应用雾的最大距离,距离大于活动摄像机“far”个单位的物体将不会被雾所影响。

默认值是1000。

方法

.clone () : Fog

返回一个具有和当前雾参数相同的新的Fog实例。

.toJSON () : Object

以JSON格式返回Fog的数据。

源代码

src/scenes/Fog.js


three.js WebXRManager
three.js FogExp2
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

参考

核心 / BufferAttributes

渲染器 / WebXR

开发者参考

WebGL渲染器

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }