您的位置：首页 > 百科管理 > 详情

圆形波纹素材-3dmax图片上的那个圆形波纹怎么制作

原创：找图网 2023-07-19 16:13:29

Cesium圆形波纹效果

因gif截图问题,动画效果看起来不够流畅。

1.调用方法

<!DOCTYPE html>

<title>圆形波纹

let initCesium =new InitCesium();

let viewer = ('cesiumContainer', {

});

let img_arcgis=new ({

name:"img_arcgis",

url:"

});

let layers= ;

(img_arcgis);

const data = {

id:"111",

lon:117.286419,

lat:31.864436,

height:0,

};

({

destination: (117.286419,31.864436, 500.0),

})

addCircleWave(data);

function addCircleWave(data) {

({

id: ,

name:"",

position: (

ellipse: {

height:0,

semiMinorAxis:500,

semiMajorAxis:500,

material:new ({

duration:2e3,

gradient:0,

color:new (1.0, 0.0, 0.0, 1.0),

count:3

})

}

});

}

</html>

2.扩展类

class CircleWaveMaterialProperty {

constructor(options) {

options = (options, _OBJECT);

this._definitionChanged =new ();

this._color =undefined;

this._colorSubscription =undefined;

= ;

= (, 1e3);

= (, 2);

if ( <=0) =1;

= (, 0.1);

if ( <0) =0;

else if ( >1) =1;

this._time = ();

}

(, {

isConstant: {

get:function() {

return false;

}

definitionChanged: {

get:function() {

return this._definitionChanged;

}

color: ('color')

});

=function(time) {

return ;

}

=function(time, result) {

if (!(result)) {

result = {};

}

= (this._color, time, , );

= (() -this._time) /;

=1 +10 * (1 -);

return result;

}

=function(other) {

return this === other ||

(otherinstanceof CircleWaveMaterialProperty &&

(this._color, other._color))

}

='CircleWaveMaterial';

=`czm_material czm_getMaterial(czm_materialInput materialInput)\n {\n czm_material material = czm_getDefaultMaterial(materialInput);\n = 1.5 * ;\n vec2 st = ;\n vec3 str = ;\n float dis = distance(st, vec2(0.5, 0.5));\n float per = fract(time);\n if (abs(str.z) > 0.001) {\n discard;\n }\n if (dis > 0.5) { \n discard; \n } else { \n float perDis = 0.5 / count;\n float disNum; \n float bl = .0; \n for (int i = 0; i <= 999; i++) { \n if (float(i) <= count) { \n disNum = perDis * float(i) - dis + per / count; \n if (disNum > 0.0) { \n if (disNum < perDis) { \n bl = 1.0 - disNum / perDis;\n }\n else if (disNum - perDis < perDis) { \n bl = 1.0 - abs(1.0 - disNum / perDis); \n } \n = pow(bl, gradient); \n } \n } \n } \n } \n return material; \n } \n`;

._(, {

fabric: {

type: ,

uniforms: {

color:new (1.0, 0.0, 0.0, 1.0),

time:1,

count:1,

gradient:0.1

source:

translucent:function(material) {

return !0;

}