Edge的简单用法2:html动画在舞台上将对象按指定的线路移动

liujieheng 2013-12-22

来源:flash,as,js兴趣爱好者Edge的简单用法2:html动画在舞台上将对象按指定的线路移动     上回讲到了adobe Edge Animate cc的一个简单示例,这回主要分析它的实现过程。
    

flash技术网,html5技术网


    选中小蜜蜂。
    

flash技术网,html5技术网


    左边的properties里面的position and size选中Motion Paths单选按钮。
    

flash技术网,html5技术网


    将时间轴上的进度条拖动到如图所示位置。双击进度条上面的拖动按钮。使之变为蓝色。然后拖动蓝色拖动按钮下面的拖动按钮到1s处。如下图:
    

flash技术网,html5技术网


    然后拖动小蜜蜂到花丛指定框框里,然后就会看到一条蓝色的直线,从小蜜蜂开始位置一直到小蜜蜂的小尾巴。鼠标放到蓝色线条上,使鼠标变成钢笔的图像,然后拖动。如下图:
    

flash技术网,html5技术网


    然后大功告成。点击执行按钮,就回看到小蜜蜂从开始按指定路线飞到花丛中了。

Global site tag (gtag.js) - Google Analytics