Animation

new SuperMap3D.Animation(container, viewModel)

动画部件提供播放、暂停和倒退按钮，以及当前时间和日期，周围还有一个 "穿梭环"，用于控制动画的速度。

“穿梭环”的概念是从视频编辑中借鉴来的，在视频编辑中，典型的“慢跑轮”可以旋转以非常缓慢地移动单个动画帧，而周围的穿梭环可以扭曲以控制快速播放的方向和速度。 SuperMap3D通常将时间视为连续的(不分解为预定义的动画帧)，因此这个小部件不提供jog wheel。 相反，穿梭环能够快速和非常慢的回放。 点击并拖动穿梭环指针本身(上面的绿色部分)，或者点击圆环区域的其余部分，将指针推到该方向的下一个预设速度。

动画小部件还提供了一个“实时”按钮(在左上角) 动画时间与最终用户的系统时钟同步，通常显示 “今天”或“现在”。此模式在 ClockRange.CLAMPED或ClockRange.LOOP_STOP 如果当前时间在Clock的startTime和endTime之外，则使用LOOP_STOP}模式。
Name Type Description
container Element | String 将包含小部件的DOM元素或ID。
viewModel AnimationViewModel 此小部件使用的视图模型。
Throws:
Example:
// In HTML head, include a link to Animation.css stylesheet,
// and in the body, include: <div id="animationContainer"></div>

var clock = new SuperMap3D.Clock();
var clockViewModel = new SuperMap3D.ClockViewModel(clock);
var viewModel = new SuperMap3D.AnimationViewModel(clockViewModel);
var widget = new SuperMap3D.Animation('animationContainer', viewModel);

function tick() {
    clock.tick();
    SuperMap3D.requestAnimationFrame(tick);
}
SuperMap3D.requestAnimationFrame(tick);
See:

Members

readonlycontainer : Element

获取父容器。

readonlyviewModel : AnimationViewModel

获取视图模型。