Animation(動畫)

方法

new Cesium.Animation(container, viewModel)

動畫小部件提供按鈕來播放,暫停,並扭轉,以及 當前的時間和日期,周圍環繞著“太空梭環”控制動畫的速度。

“太空梭環”概念是借用視訊編輯,典型的地方 “慢跑輪”可以旋轉移動過去個人動畫幀很慢,和 太空梭周圍環可以扭曲來控制方向和速度的快速播放。 Cesium通常將時間視為連續(不是分為預定義的動畫幀), 所以這個小部件提供沒有慢跑輪。 相反,能夠快速和太空梭的戒指 非常緩慢的播放。 單擊並拖動太空梭環指標本身在綠色(如上所示), 或者點選其餘的環地區推動指標指向下一個預設速度的方向。

動畫小部件還提供了一個“實時”按鈕(左上角) 動畫時間與終端使用者的系統時鐘同步,通常顯示 “今天”或“現在。 “這種模式不可用

丟擲:

• DeveloperError:元素id“容器”文件中並不存在。

例子:

 按照原文的意思是應該先要在html head裡引入css格式檔案，並在body裡面建立一個div

include a link to Animation.css stylesheet


<div id="animationContainer"></div>

var clock = new Cesium.Clock();
var clockViewModel = new Cesium.ClockViewModel(clock);
var viewModel = new Cesium.AnimationViewModel(clockViewModel);
var widget = new Cesium.Animation('animationContainer', viewModel);
 
function tick() {
    clock.tick();
    Cesium.requestAnimationFrame(tick);
}
Cesium.requestAnimationFrame(tick);

 

成員

只讀的容器: Container 元素

部件/動畫/動畫。 js 581

獲取父容器。

只讀的檢視模型:AnimationViewModel

部件/動畫/動畫。 js 594

檢視模型。

方法

applyThemeChanges()

部件/動畫/動畫。 js 698

更新部件來反映主題的任何修改CSS規則。

例子:

//Switch to the cesium-lighter theme.
document.body.className = 'cesium-lighter';
animation.applyThemeChanges();

摧毀()

部件/動畫/動畫。 js 612

破壞了動畫小部件。 應該被稱為永久嗎 刪除小部件的佈局。

isDestroyed()→布林

部件/動畫/動畫。 js 604

返回:

真的如果物件已被摧毀,假的。

調整()

部件/動畫/動畫。 js 646

尺寸小部件容器的大小相匹配。 這個函式應該被稱為每當容器大小改變。