ShadowEditor/ShadowEditor.Web/src/object/component/Sky.js

/**
 * 天空
 * @param {*} options 选项
 */
function Sky(options) {
    THREE.Object3D.call(this);

    options = options || {};

    var turbidity = options.turbidity || 10; // 浑浊度
    var rayleigh = options.rayleigh || 2; // 瑞利
    var luminance = options.luminance || 1; // 亮度
    var mieCoefficient = options.mieCoefficient || 0.005;
    var mieDirectionalG = options.mieDirectionalG || 0.8;

    var distance = 400000;

    var sky = new THREE.Sky();
    sky.scale.setScalar(450000);

    this.add(sky);

    var sunSphere = new THREE.Mesh(
        new THREE.SphereBufferGeometry(20000, 16, 8),
        new THREE.MeshBasicMaterial({ color: 0xffffff })
    );

    sunSphere.position.y = -700000;
    sunSphere.visible = false;

    this.add(sunSphere);

    var uniforms = sky.material.uniforms;
    uniforms.turbidity.value = turbidity;
    uniforms.rayleigh.value = rayleigh;
    uniforms.luminance.value = luminance;
    uniforms.mieCoefficient.value = mieCoefficient;
    uniforms.mieDirectionalG.value = mieDirectionalG;
    var theta = Math.PI * (0.49 - 0.5);
    var phi = 2 * Math.PI * (0.25 - 0.5);
    sunSphere.position.x = distance * Math.cos(phi);
    sunSphere.position.y = distance * Math.sin(phi) * Math.sin(theta);
    sunSphere.position.z = distance * Math.sin(phi) * Math.cos(theta);
    sunSphere.visible = true;
    uniforms.sunPosition.value.copy(sunSphere.position);

    this.userData = {
        type: 'Sky',
        turbidity: turbidity,
        rayleigh: rayleigh,
        luminance: luminance,
        mieCoefficient: mieCoefficient,
        mieDirectionalG: mieDirectionalG
    };
}

Sky.prototype = Object.create(THREE.Object3D.prototype);
Sky.prototype.constructor = Sky;

export default Sky;