Cesium 场景特效之【下雨特效】

cesium 天气效果，主要通过vue+cesium代码实现。

 

核心思路，使用GLSI进行雨天的纹理效果展示，具体代码如下，

cesium.vue文件内

<template>
  <div>
    <div ref="earthContainer" class="full" id="container"></div>
  </div>
</template>

<script >
import {rainfall} from './rain'
export default {
  name: "ViewerApp",
  props: {
    msg: String,
  },
  data() {
    return{

    }
  },
  mounted() {
    const Cesium = window["Cesium"];

    Cesium.Ion.defaultAccessToken = '';


    var viewer = new Cesium.Viewer(this.$refs["earthContainer"], {
        terrainProvider: Cesium.createWorldTerrain() // 添加地形
    });
  

    var rain = rainfall()
    viewer.scene.postProcessStages.add(ra