cesium 动画效果

/*
 * @Description: 螺旋圆效果(参考开源代码)
 * @Version: 1.0
 * @Author: Julian
 * @Date: 2022-03-03 18:38:39
 * @LastEditors: Julian
 * @LastEditTime: 2022-03-03 18:50:00
 */
class CircleSpiralMaterialProperty {
    constructor(options) {
        this._definitionChanged = new Cesium.Event();
        this._color = undefined;
        this._speed = undefined;
        this.color = options.color;
        this.speed = options.speed;
    };


    get isConstant() {
        return false;
    }


    get definitionChanged() {
        return this._definitionChanged;
    }


    getType(time) {
        return Cesium.Material.CircleSpiralMaterialType;
    }


    getValue(time, result) {
        if (!Cesium.defined(result)) {
            result = {};
        }

        result.color = Cesium.Property.getValueOrDefault(this._color, time, Cesium.Color.RED, result.color);
        result.speed = Cesium.Property.getValueOrDefault(this._speed, time, 10, result.speed);
        return result
    }


    equals(other) {
        return (this === other ||
            (other instanceof CircleSpiralMaterialProperty &&
                Cesium.Property.equals(this._color, other._color) &&
                Cesium.Property.equals(this._speed, other._speed))
        )
    }
}

Object.defineProperties(CircleSpiralMaterialProperty.prototype, {
    color: Cesium.createPropertyDescriptor('color'),
    speed: Cesium.createPropertyDescriptor('speed')
})

Cesium.CircleSpiralMaterialProperty = CircleSpiralMaterialProperty;
Cesium.Material.CircleSpiralMaterialProperty = 'CircleSpiralMaterialProperty';
Cesium.Material.CircleSpiralMaterialType = 'CircleSpiralMaterialType';
Cesium.Material.CircleSpiralMaterialSource = `
                                            uniform vec4 color;
                                            uniform float speed;
                                            #define PI 3.14159265359

                                            vec2 rotate2D (vec2 _st, float _angle) {
                                            _st =  mat2(cos(_angle),-sin(_angle),  sin(_angle),cos(_angle)) * _st;
                                            return _st;
                                            }
                                            czm_material czm_getMaterial(czm_materialInput materialInput){
                                            czm_material material = czm_getDefaultMaterial(materialInput);
                                            vec2 st = materialInput.st * 2.0 - 1.0;
                                            st *= 1.6;
                                            float time = czm_frameNumber * speed / 1000.0;
                                            float r = length(st);
                                            float w = .3;
                                            st = rotate2D(st,(r*PI*6.-time*2.));
                                            float a = smoothstep(-w,.2,st.x) * smoothstep(w,.2,st.x);
                                            float b = abs(1./(sin(pow(r,2.)*2.-time*1.3)*6.))*.4;
                                            material.alpha = a * b ;
                                            material.diffuse = color.rgb * a * b  * 3.0;
                                            return material;
                                            }
                                            `

Cesium.Material._materialCache.addMaterial(Cesium.Material.CircleSpiralMaterialType, {
    fabric: {
        type: Cesium.Material.CircleSpiralMaterialType,
        uniforms: {
            color: new Cesium.Color(1.0, 0.0, 0.0, 1.0),
            speed: 10.0
        },
        source: Cesium.Material.CircleSpiralMaterialSource
    },
    translucent: function (material) {
        return true;
    }
})
// cesium 制造螺旋圆   使用方法
// 螺旋圆特效
// this.viewer.entities.add({
//     position: Cesium.Cartesian3.fromDegrees(120.277754, 31.533728),
//     name: "螺旋圆",
//     ellipse: {
//       semiMinorAxis: 1000.0,
//       semiMajorAxis: 1000.0,
//       material: new Cesium.CircleSpiralMaterialProperty({
//         color: new Cesium.Color(1, 1, 0, 0.7),
//         speed: 12.0,
//       }),
//     },
//   });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值