HTML5技术财富彩票教程之关联动画的使用  浏览网址

  动画中蓝色的方块是个元件实例,血色的圆是它的参考物体,拖动血色圆操纵搬动,蓝色元件实例会陪同播放。而且元件播放的帧数是和参考物体的横坐标是对应的。咱们来看下是怎么竣工的:

  为了便于无代码根基的安排师杀青极少相对庞大的动画实质,mugeda最新增添了极少新的性能,相干动画即是此中的一项。所谓相干动画即是一个物体的某项属性可能随另一个物体的某项属性转化而转化。

  演示动画中转动棕色齿轮,其他齿轮会一同转动。这个动画即是用的相干动画来竣工的。最先让棕色齿轮“拖动/挽回”属性设备为挽回,即该物体是可能通过手指或鼠标来转动的。

  上面只是用挽回的属性举得例子,其他只消右边带相闭联按钮的属性都可能用来设备相干动画。譬喻物体的位子(左,上),物体的透后度等,并且可能相干参考物体的分歧属性,譬喻被相干物体的透后属性相干参考物体的挽回属性,就可能用参考物体的挽回来革新相干物体的透后度。同样也可能用参考物体的位子来把持相干物体的挽回等等。

  二.以上讲的是相干动画的一种状况,尚有另一种状况是一个舞台上的元件实例的播放受参考物体属性值转化的把持:

  点击图片左下角标出的按钮可能添加把持点数目,点击把持点右边的“—”按钮可能删除该把持点。把持点的,主把持量是参考物的属性值,被控量是相干物体的属性值。当参考物的属性值为某一把持点的主控量的值时,相干物体的相应属性值也会变为相应的被控量值,正在两个把持点之间,被控量随主控量转化是线性的,财富彩票也即是匀称转化的。

  参考物体选a,参考属性选左,即参考物体的左界线坐标(left)值。填入开首阈值和终了阈值,即是参考物体的属性值正在这个区间时,元件实例被把持播放。播放形式选同步播放。同步播放的兴味是当参考物体的参考属性值处于开首阈值和终了阈值之间时,元件实例的帧数与参考属性值相对应,即开首阈值对应元件实例的第一帧,终了阈值对应最终一帧,中央一面线性转化,即匀称转化。尚有另一种播放形式:切换状况,这种形式的兴味是当参考物体的属性值处于开首阈值和终了阈值之间时,元件实例自愿播放,即按元件设定的帧数播放,当处于这个边界以外时,元件截至播放,相当于一个开闭的用意。

  给棕色齿轮起名为a。再选中一个需求被相干的物体,点开它的挽回属性右边的相干按钮:

  先正在物体上放一个元件实例和一个用来做参考的物体,给参考物体定名为a,将它的“拖动/挽回”属性设备为“水准拖动”。选中元件实例,将其“动画相干”属性设为:启用。

  对其他需求被相干的物体也做同样的事务。“被控量=”公式需求凭据需求做相应的转化。

  正在弹出的编辑选项中,参考物体拔取要参考的物体a,参考属性拔取挽回角度,相干办法选公式,“被控量=”填入被把持物体的属性值。

Copyright © 2019 xiaodai999.com 财富彩票 版权所有  网站地图