TweenLiteamp;amp;amp;amp;amp;amp;TweenMax系列(一)

前不久TweenMax版本升级了。现在来好好的学习一下：

帮助文档： http://www.greensock.com/as/docs/tween/_tweenmax.html

TweenLite. to (mc, 1. 5, {x: 100 } ); 里面的mc指所作用的对象,1.5指运动的时间，{x:100} 表示mc的x属性变化，最终停下来时x的值为100. (即mc从当前位置,经过1.5秒，匀速移动到x=100的位置)

TweenLite.from(mc, 1.5, {x:100}) 里面的mc指所作用的对象,1.5指运动的时间, 这里是指，mc从当前位置,经过1.5秒，从x=100的位置移动到当前mc所在的位置。“注意与上面的区别，他们恰好相反”）

下面我们以上面的TweenLite.to() 来讲解相关属性：

TweenLite.to() TweenLite.from() 返回的都是TweenLite类型

TweenLite.to(mc, 1.5, {x:100});我们还可以在{}里加些其他相关的属性

下面假如 delay属性其表示延迟delay时间后才发生Tween :

TweenLite. to (mc, 1, {x: 100, delay: 2 } ); 表示执行TweenLite. to (mc, 1, {x: 100, delay: 2 } )后，需要经过2秒，mc才发生移动

我们还可以在{}加入alpa ease(缓动) onComplete(所调用的方法名)等属性：

- TweenLite. to (mc, 1. 5, {x: 100, ease:Elastic. easeOut, delay: 0. 5, onComplete:myFunction } );
- function myFunction():void {
trace ( "tween finished" );}

上面的 ease:Elastic.easeOut是缓动类的一种类型 onComplete:myFunction 表示tween执行完后就会调用myFunction方法（即执行完Tween后，紧接着就调用myFunction方法，）。

TweenLite还有一方法，如：pause(), resume(), reverse(), restart())

pause() 表示暂停。resume() 表示继续播放缓动。restart()表示重头开始播放缓动。 reverse()表示按与原方向相反的方向缓动（例如：缓动了2秒后，调用该方法，就会经过相同的时间（2秒）按原路返回）。

下面是一个对各个属性进行验证的小例子：

start_btn是开始按钮，即按下它才会执行缓动

btn 按钮是对一些方法的验证，你可以改变里面的相关方法进行验证如将 tween.reverse();改成tween.resume();

import com.greensock.*;
import com.greensock.easing.*;
var isPause:Boolean;
var tween:TweenLite;
btn.enabled=false;
start_btn.addEventListener(MouseEvent.CLICK,begin);
btn.addEventListener(MouseEvent.MOUSE_DOWN,onDown);
function begin(e:MouseEvent) {
btn.enabled=true;
tween=TweenLite.from(mc,10,{x:300,y:300,alpha:0.5,delay:2,onComplete:completeIt});
}
function completeIt() {

trace("缓动执行完毕，开始调用此方法");
trace(tween);//TweenLite类型

}

function onDown(e:Event):void {
if (isPause==false) {
  tween.pause();
  isPause=true;
} else {
  tween.reverse();
  isPause=false;
}

}

TweenLiteamp;amp;amp;amp;amp;amp;TweenMax系列(一)相关推荐

2.GSAP（TweenMax手册/TweenLite手册）之一
GSAP(TweenMax手册/TweenLite手册)之一本文章内容是关于GSAP动画库中的TweenMax和TweenLite的使用,编写于2020年10月22日00时47分(v1.0.0). ...
TweenMax.js
TweenMax.js TweenMax是GreenSock Animation Platform(GSAP)动画平台核心文件,TweenMax中文网提供TweenMax插件下载,以及TweenMax ...
妙用postman系列——postman建组、分享
妙用postman系列--postman建组.分享添加新的组和请求. 3.生成分享链接 4.导入分享链接
java 手编线程池_死磕 java线程系列之自己动手写一个线程池
欢迎关注我的公众号"彤哥读源码",查看更多源码系列文章, 与彤哥一起畅游源码的海洋. (手机横屏看源码更方便) 问题 (1)自己动手写一个线程池需要考虑哪些因素? (2)自己动手写 ...
RabbitMQ 入门系列（2）— 生产者、消费者、信道、代理、队列、交换器、路由键、绑定、交换器
本系列是「RabbitMQ实战:高效部署分布式消息队列」和「RabbitMQ实战指南」书籍的读书笔记. RabbitMQ 中重要概念 1. 生产者生产者(producer)创建消息,然后发送到代理 ...
Bert系列（二）——源码解读之模型主体
本篇文章主要是解读模型主体代码modeling.py.在阅读这篇文章之前希望读者们对bert的相关理论有一定的了解,尤其是transformer的结构原理,网上的资料很多,本文内容对原理部分就不做过多 ...
Bert系列（三）——源码解读之Pre-train
https://www.jianshu.com/p/22e462f01d8c pre-train是迁移学习的基础,虽然Google已经发布了各种预训练好的模型,而且因为资源消耗巨大,自己再预训练也不现 ...
最优化方法系列：Adam+SGD-AMSGrad 重点
https://blog.csdn.net/wishchin/article/details/80567558 自动调参的Adam方法已经非常给力了,不过这主要流行于工程界,在大多数科学实验室中,模型 ...
边端云处理器系列技术参数
边端云处理器系列技术参数锐捷RG-CT7800系列云终端基于兆芯开先® KX-6000系列处理器特点: • 小身材 • 大能量 • 2.4L 机箱容量 • 强劲计算性能简介: • 8核2.7G ...

TweenLiteamp;amp;amp;amp;amp;amp;TweenMax系列(一)

TweenLiteamp;amp;amp;amp;amp;amp;TweenMax系列(一)相关推荐

最新文章

热门文章