Cesium 模拟下雪

代码:

//定义下雪场景 着色器
function FragmentShader_Snow() {return "uniform sampler2D colorTexture;\n\varying vec2 v_textureCoordinates;\n\\n\float snow(vec2 uv,float scale)\n\{\n\float time = czm_frameNumber / 60.0;\n\float w=smoothstep(1.,0.,-uv.y*(scale/10.));if(w<.1)return 0.;\n\uv+=time/scale;uv.y+=time*2./scale;uv.x+=sin(uv.y+time*.5)/scale;\n\uv*=scale;vec2 s=floor(uv),f=fract(uv),p;float k=3.,d;\n\p=.5+.35*sin(11.*fract(sin((s+p+scale)*mat2(7,3,6,5))*5.))-f;d=length(p);k=min(d,k);\n\k=smoothstep(0.,k,sin(f.x+f.y)*0.01);\n\return k*w;\n\}\n\\n\void main(void){\n\vec2 resolution = czm_viewport.zw;\n\vec2 uv=(gl_FragCoord.xy*2.-resolution.xy)/min(resolution.x,resolution.y);\n\vec3 finalColor=vec3(0);\n\float c = 0.0;\n\c+=snow(uv,30.)*.0;\n\c+=snow(uv,20.)*.0;\n\c+=snow(uv,15.)*.0;\n\c+=snow(uv,10.);\n\c+=snow(uv,8.);\n\c+=snow(uv,6.);\n\c+=snow(uv,5.);\n\finalColor=(vec3(c)); \n\gl_FragColor = mix(texture2D(colorTexture, v_textureCoordinates), vec4(finalColor,1), 0.5); \n\\n\}\n\";
}// 特效管理
export default class SnowEffectManager {constructor(viewer) {this._viewer = viewer;}AddSnowEffect() {if (this._snowEffect) {return;}let collection = this._viewer.scene.postProcessStages;let fs_snow = FragmentShader_Snow();this._snowEffect = new Cesium.PostProcessStage({name: "czm_snow",fragmentShader: fs_snow,});collection.add(this._snowEffect);}RemoveSnowEffect() {if (this._snowEffect) {this._viewer.scene.postProcessStages.remove(this._snowEffect);this._snowEffect = null;}}
}

QQ群（GIS开发交流、数据共享、软件使用）：993836992

Cesium 模拟下雪相关推荐

用纯css模拟下雪的效果
下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果,更多效果大家可以自行发挥. 1.前言由于公司产品的活动,需要模拟类似下雪的效果.浏览器实现动画无非 ...
cesium 模拟地球自转
cesium 模拟地球自转 cesium 现有的机制分析默认情况下,cesium 的球体其实在三维中是保持静止的状态. 而随着时间的流逝,默认的背景星空,是在不断地旋转的. 这个逻辑,我们从 ces ...
CSS：模拟下雪效果动画制作教程
下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果,更多效果大家可以自行发挥. 1.前言由于公司产品的活动,需要模拟类似下雪的效果.浏览器实现动画无非 ...
纯css模拟下雪效果
效果如其名,想必都见过下雪(可能南方人除外哈哈),但下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果. 1.前言由于公司产品的活动,需要模拟类似下雪 ...
利用cesium模拟台风移动路径——以利奇马台风为例
根据cesium官网示例(https://sandcastle.cesium.com/?src=Interpolation.html)改造为台风移动轨迹,台风数据从台风路径实时发布系统获取.模拟台风移 ...
pygame模拟下雪场景
想象一下冬夜,鹅毛大雪纷纷扬扬飘下,覆盖在地上,树顶上--,我一直想用代码模拟一下这个场景,今天总算完成了一个,虽然效果不怎么样,但是基本思路是有了.这个场景需要三种对象,一种是会被雪覆盖的对象,例如 ...
Cesium模拟雷达追踪卫星
效果展示关键代码 //追踪 drawingLeiDa(ldLonLat, wxLonLat, satelliteId, deviceId) {let entity = this.viewer.ent ...
cesium模拟计算点
获取多边形的positions列表并计算它的中心点 let polyPositions = entity.polygon.hierarchy.getValue(Cesium.JulianDate.n ...
cesium模拟火箭发射
效果及过程如下倒计时点火腾空而起变换视角变换视角 + 旋转我们的目标是星辰大海通过这个效果,可以了解到以下知识点: 1.加载模型 2.控制视角 3.烟雾效果 4.路径代码要点 1.总体 ...
three.js实现下雨、下雪天气模拟
three.js版本:"three": "^0.136.0" 1.初始化场景.相机.渲染器 // 创建场景.相机.渲染器this.scene = new THR ...

Cesium 模拟下雪

Cesium 模拟下雪相关推荐

最新文章

热门文章