文章目录关于本文的说明水特效水特效示例代码水特效属性设置说明水特效实际应用代码火特效火特效实现代码位置的设置重力（Gravity）的控制粒子喷射间歇的强度的控制其他属性设置总结感想关于本文的说明  最近看到国内一位cesium大牛的博客，讲材质material（材质）的，于是对照源码看了下，发现很有研究的意义，首先，源码的项目搭建用的是dojo，所有的样式业务绘制前端都是良好分离，关键是不存在多份

Vue 在data中定义的数据，其在dom中访问可以只用数据名，但是在method中访问必须前面加this. 不然提示not defined比如代码：Vue.component('my-component',{// template:'<button @click="counter++"&gt

参考：https://blog.csdn.net/m0_37972557/article/details/79768408注意出现Unable to determine Cesium base URL automatically, try defining a global variable called CESIUM_BASE_URL.错误时，解决方法是在webpack.dev.conf.js.

  vue项目有时候需要在所有页面mounted之前从后台接口读取数据来初始化全局变量。但是奈何所有页面的mounted都是异步同时调用，而读接口操作通常也是异步返回promise，这样就不免会出现mounted时读接口操作还没有进行完这种情况，所以我想最好有个机制能解决这个问题，让所有读接口初始化全局变量的工作在mounted之前进行，而这种机制应该对读接口是否同步异步没有要求，即使异步也能保证

  vue中computed计算属性可以用来绑定动态变量，而且它可以实时刷新，并且也可以在watch中监控，所以本人很喜欢用这个东西，一般把需要随data中变量一起变化的属性全部放在这里面，data中只定义互相独立互相不影响的变量，这样可以极大地减少重复变量的定义，使代码结构清晰，也便于排查错误。  然后最近出现了一个问题，就是我在computed中定义的一个动态变量没有在相关属性发生变化后触发.

  vue中computed计算属性可以用来绑定动态变量，而且它可以实时刷新，并且也可以在watch中监控，所以本人很喜欢用这个东西，一般把需要随data中变量一起变化的属性全部放在这里面，data中只定义互相独立互相不影响的变量，这样可以极大地减少重复变量的定义，使代码结构清晰，也便于排查错误。  然后最近出现了一个问题，就是我在computed中定义的一个动态变量没有在相关属性发生变化后触发.

Cesium开源方法里有专门的Fog类，可以实现雾，只要控制其显隐即可。但是由于Cesium有深度测试，需要控制其深度阈值，让其在不同的场景中都能正常显示。cesium超出深度阈值部分就不渲染了，看起来那部分是黑色的，这样确定合适的阈值并根据场景实时变换比较困难。所以果断采用PostProcessStage方式对cesium的webgl渲染后的画面进行重新再次渲染，这样不用担心深度测试的阈值确定不