Haxe - Actuate.Tween
方法解释:
Actuate.tween( target : Dynamic , duration : Float , properties : Dynamic , ?overwrite : Bool , ?customActuator : Class<motion.actuators.GenericActuator> )
target:想要控制的对象,可以是画布,可以是精灵等
duration:动画持续的时间
properties:??
?overwrite:??
?customActuator:??
最简单的使用方法:
package; import flash.display.Sprite;
import flash.events.Event;
import motion.Actuate;
import motion.easing.Quad; class Main extends Sprite { public function new () {
super();
var size = 5 + Math.random () * 35 + 20;
var circle = new Sprite (); circle.graphics.beginFill (Std.int (Math.random () * 0xFFFFFF)); //给精灵填充颜色,颜色随机
circle.graphics.drawCircle (0, 0, size); //画一个圆形,半径随机
circle.x = 100; //给精灵赋予初始x位置
circle.y = 100; //给精灵赋予初始y位置
circle.alpha = 0; //精灵默认为透明 addChild(circle); //把圆形精灵加到大精灵中
Actuate.tween(circle, 10, { alpha : 1}); //给圆形精灵加动画,持续单位10,从透明变为全部显示
}
}
Actuate类的方法:
- stop
- pauseAll
- pause
- resumeAll
- resume
- reset
- update:?
- transform:可以用transform来控制颜色和声音
- effects:tween filters (Actuate.effects().filter())
- timer:计时器
- apply:use the "apply" method to stop conflicting tweens and instantly set an object's properties
Actuate.tween()方法:
- autoVisible
- delay
- ease:可以控制运动的速度。正常情况下,精灵移动的速度是固定的,但如果使用了ease就可以让其做变速运动。easeIn:进场慢,逐渐加快。easeOut:进场快,逐渐减慢。
- onComplete:在tween结束时调用一个方法
- onRepeat:在tween重复时调用一个方法
- onUpdate:当tween更新的时候调用一个方法
- reflect:当tween重复时做reverse。想使用该方法必须开启report
- repeat:重复tween
- reverse:按原轨迹返回
- smartRotation
- snapping
Haxe - Actuate.Tween的更多相关文章
- Haxe UI框架StablexUI的使用备忘与心得(一)
这一节先来说说StablexUI的基本方面. 安装与使用,在官方文档里Getting Started一章里写的很清楚,这里就不展开了,简单总结来说: * StablexUI依赖于actuate缓动库和 ...
- Android动画效果之Tween Animation(补间动画)
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...
- Tween公式 以及四个参数
Tween的主页在这里:http://createjs.com/tweenjs , 这里边还有挺多开源项目的: Tween公式 4个参数 t:current time(当前时间) b:beginnin ...
- Haxe是何物?
最近对haxe很感兴趣,用一种语言统一所有的语言和平台,野心很大. 详细的介绍园子里已有大神发过,地址在这里:http://www.cnblogs.com/xiaotie/archive/2012/0 ...
- Android动画学习(二)——Tween Animation
前两天写过一篇Android动画学习的概述,大致的划分了下Android Animation的主要分类,没有看过的同学请移步:Android动画学习(一)——Android动画系统框架简介.今天接着来 ...
- jQuery-1.9.1源码分析系列(十五) 动画处理——缓动动画核心Tween
在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为: 可以看到上面的缓动动画组有四个原子动画组成.每一个原子动画的信息都包含在里面了. ...
- NGUI Tween动画Scale与Transform冲突
NGUI中我们要同时完成Scale与Transform的效果,会发现动画并不是同我们想的那样运行的. 原因就是Tween Scale与Tween Transform的冲突调用. Tween Scale ...
- css3 tween
/* * Tween.js * t: current time(当前时间) * b: beginning value(初始值) * c: change in value(变化量) * d: durat ...
- 利用tween.js算法生成缓动效果
在讲tween类之前,不得不提的是贝塞尔曲线了.首先,贝塞尔曲线是指依据四个位置任意的点坐标绘制出的一条光滑曲线.它在作图工具或动画中中运用得比较多,例如PS中的钢笔工具,firework中的画笔等等 ...
随机推荐
- C# 发邮件类可发送附件
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Ne ...
- MvvmCross for WPF File Plugin
本文以MvvmCross为框架基础 最近用了File Plugin插件,一开始也是没用明白,写一下记录下来,也方便需要的人吧 首先这个File Plugin需要先在UI项目里创建一个Bootstrap ...
- 一个订单相关的存储过程(MySQL)
BEGIN DECLARE currentDate VARCHAR(15) ;/*当前日期,有可能包含时分秒 */ DECLARE maxNo INT DEFAULT 0 ; /* 离现在最近的满足条 ...
- Teradata 的rank() 和 row_number() 函数
Teradata数据库中也有和oracle类似的分析函数,功能基本一样.示例如下: RANK() 函数 SELECT * FROM salestbl ORDER BY 1,2; storeid p ...
- Windows Phone中的图形渲染处理
前言 这篇文章主要介绍Windows Phone中XAML的渲染处理过程,你可以根据下文中所提到的内容来优化现有的XAML页面,来提高页面渲染的性能. XAML的渲染包括以下两个阶段: 1. 光 ...
- UpdateData(false) and UpdateData(true)
数据更新函数: UpdateData(false); 控件的关联变量的值传给控件并改变控件状态(程序--->EXE) UpdateData(true); 控件的状态传给其关联的变量(EXE--- ...
- ifame 跨域高度自适应
代码如下:var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe']; var iframehi ...
- Careercup - Facebook面试题 - 6139456847347712
2014-05-01 01:50 题目链接 原题: Microsoft Excel numbers cells ... and after that AA, AB.... AAA, AAB...ZZZ ...
- Careercup - Facebook面试题 - 5412018236424192
2014-05-01 01:32 题目链接 原题: Given a linked list where apart from the next pointer, every node also has ...
- Ubuntu 查看文件以及磁盘空间大小命令df
(1)查看文件大小 查看当前文件夹下所有文件大小(包括子文件夹) du -sh # du -h 15M ./package 16K ./.fontconfig 4.0K ...