Cesium 封装雨效果

原创

已于 2024-01-28 11:42:33 修改 · 340 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cesium #javascript #前端

于 2024-01-28 11:38:58 首次发布

/*
 * @Descripttion: 
 * @version: 1.0
 * @Author: tanzheng
 * @Date: 2024-1-22 14:30:42
 */
/**
 * 
 * 封装天气场景
 * 雨天
 */
class Rain {

    constructor(viewer) {
        this.viewer = viewer;
        
        //this.createRain();
      
    }
    //创建雨
    createRain(){
        this.collection = viewer.scene.postProcessStages;
        this._rain = new Cesium.PostProcessStage({
            name: 'czm_rain',
            fragmentShader: this.getRain(),
        });
        this.collection.add(this._rain);

        viewer.scene.skyAtmosphere.hueShift = -0.8;
        viewer.scene.skyAtmosphere.saturationShift = -0.7;
        viewer.scene.skyAtmosphere.brightnessShift = -0.33;
        viewer.scene.fog.density = 0.001;
        viewer.scene.fog.minimumBrightness = 0.8;
    }
    //获取雨特效shader
    getRain() {
        var fs = "uniform sampler2D colorTexture;\n\
                varying vec2 v_textureCoordinates;\n\
            \n\
                float hash(float x){\n\