- 作者:老汪软件技巧
- 发表时间:2024-11-01 07:02
- 浏览量:
Fog 这个类中的参数定义了线性雾。也就是说,雾的密度是随着距离线性增大的。
FogExp2 该类所包含的参数定义了指数雾,它可以在相机附近提供清晰的视野,且距离相机越远,雾的浓度随着指数增长越快。Fog 适合需要明确的起始和结束距离的场景,通常用于较为简单的雾效。 FogExp2 更加真实,适合需要自然过渡的雾效,常用于模拟大气雾霭。
Fog 有五个属性 两个方法
Fog( color : Integer, near : Float, far : Float ) 颜色参数传入Color构造函数中,来设置颜色属性。颜色可以是一个十六进制的整型数,或者是CSS风格的字符串。
// 添加雾效
scene.fog = new THREE.Fog(0x0000ff, 0.1, 100); // 白色雾,近处渐变距离为 0.1,远处渐变距离为 100
// 创建几何体
const geometry = new THREE.BoxGeometry(70,70,70);
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);
属性
方法
FogExp2 有四个属性两个方法
FogExp2( color : Integer, density : Float ) 颜色参数传入Color构造函数中,来设置颜色属性。颜色可以是一个十六进制的整型数,或者是CSS风格的字符串。
// 添加雾效
scene.fog = new THREE.FogExp2(0x0000ff, 0.01);
// 创建几何体
const geometry = new THREE.BoxGeometry(70,70,70);
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);
属性
方法
Scene 有六个属性一个方法
Scene() 创建一个新的场景对象。属性
方法