如何在 EaselJS 中获取影片剪辑的当前位置(帧)
How do I get the current position (frame) of a movie clip in EaselJS?
我有一个淡入然后淡出的影片剪辑。我想找到此影片剪辑中的中途标记并暂停它。但是在 EaselJS 中,我找不到任何方法来获取影片剪辑的当前帧位置。这可能吗?
我想做如下事情:
canvas = document.getElementById("introCanvas");
exportRoot = new lib.MyMovieClip();
exportRoot.onTick = function () {
//get the mc's length in frames
//get the current frame position
//if current frame postion == mc's lenght / 2
//then pause movie clip
};
谁能为我提供一些关于如何完成上述工作的建议或想法?
谢谢!
通读文档后,似乎自动分配了一个TweenJS Timeline
来管理动画中的更改,看起来不像我们在 Flash 中看到的任何实际帧。
如果您查看 TweenJS 时间轴的文档,您可以使用 duration
属性,如文档所述:
只读属性,指定此时间线的总持续时间(以毫秒为单位)(如果 useTicks 为 true,则为时钟周期)。此值通常会在您修改时间线时自动更新。有关详细信息,请参阅更新持续时间。
因此,如果您获得持续时间并除以 2,或乘以 0.5 ;)然后你可以找到动画的中间点。尝试在您的onTick方法中使用它,看看它是否有效。
我总是这样做...
(movieclip.timeline.position)%movieclip.timeline.duration
或者换句话说...
var tl = movieclip.timeline;
var d = timeline.duration;
(tl.position)%d
您必须获取影片剪辑的时间轴的位置和持续时间,并添加一个%。这将获取影片剪辑的当前帧。
相关文章:
- jquery试图按名称获取按钮位置
- 我可以获得相对于被点击元素的确切点击位置吗
- 谷歌地图固定位置覆盖
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 循环比赛位置算法
- es6 相当于下划线查找位置
- jQuery循环在特定位置暂停
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 自定义函数中的光标位置
- 安卓平台上的QWebView HTML5地理位置
- DIV并排,位置不正确
- 使用jQuery更改元素的顶部位置
- 在谷歌地图上绘制位置数据库
- 跟踪jqplot垂直折线图的鼠标位置
- 设置画布渲染器的x和y位置
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 根据页面的位置突出显示文本中的字符
- 传单缩放控制位置错误
- easeljs在不同的位置多次添加位图到舞台上
- 如何在 EaselJS 中获取影片剪辑的当前位置(帧)