• 作者:老汪软件技巧
  • 发表时间: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 有四个属性两个方法

three.js场景背景色_three.js微场景_

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() 创建一个新的场景对象。属性

方法