Cesium動態圓擴散效果

2021-10-08 11:09:32 字數 1660 閱讀 2972

專案中需要顯示事件發生點的動態效果,在網上找到的特效在高層建築模型中會有問題,所以自己花時間弄了乙個,效果還不錯!

高畫質

//材質類

function

ellipsoidfadematerialproperty

(color, duration)

object.

defineproperties

(ellipsoidfadematerialproperty.prototype,},

definitionchanged:},

color: cesium.

createpropertydescriptor

('color')}

);ellipsoidfadematerialproperty.prototype.

gettype

=function

(time)

ellipsoidfadematerialproperty.prototype.

getvalue

=function

(time, result);}

result.color = cesium.property.

getvalueorcloneddefault

(this

._color, time, cesium.color.

white

, result.color)

; result.time =((

(new

date()

).gettime()

-this

._time)

%this

.duration)

/this

.duration;

return result;

}ellipsoidfadematerialproperty.prototype.

equals

=function

(other)

cesium.ellipsoidfadematerialproperty = ellipsoidfadematerialproperty;

cesium.material.ellipsoidfadetype =

'ellipsoidfade'

;cesium.material.ellipsoidfadesource =

...cesium.material._materialcache.

addmaterial

(cesium.material.ellipsoidfadetype,

, source: cesium.material.ellipsoidfadesource

}, translucent:

function

(material)})

;//使用entity

this

.viewer.entities.

add(})

;

詳情參見 cesium實戰專案

Cesium動態立體牆效果

在 安保指揮系統中用於重點管控區域 封控圈層等特效,效果看起來比較酷炫,領導們喜歡。錄製的gif有點模糊,附上兩張截圖 動態立體牆標繪類 class fence extends geoplotbase setpositions value initheights let maximumheights...

canvas學習 一 動態擴散圓

之前看到乙個用純canvas製作漸變色擴散圓的部落格,感覺效果挺好的,應該能用在地圖上用作效果展示,就拿過來重新寫了一下。主要將原帖中建構函式的方法改為了類,以及去掉了隨機生成圓心位置的陣列。原帖為 下面是我自己的 doctype html en utf 8 viewport content wid...

OpenLayers 3 之 動態點擴散效果

當某個地方發生一些事情之後,如果我們新增乙個靜態點在地圖上,並不能引起注意,那我們可以放置乙個動態的點,類似於在水中投入乙個石頭,水波擴散的效果,象徵發生的事件有一定的影響區域,那麼,我們如何利用 openlayers3 做出這樣的效果呢?我們要實現的效果如下圖,之前雅安發生過 我們在雅安放置乙個這...