egret之tween

egret.Tween的功能不强大,远远没有tweenlite强大,好用,好扩展.

但是一般的功能,效果还是可实现的。

1.监听update变化

this.num = 1;

egret.Tween.get(this, { onChange: this.onChange, onChangeObj:this}).to({ num:100}, 2000);

private onChange():void{

  console.log(this.num);

}

2.监听complete完成

this.num = 1;

egret.Tween.get(this).to({ num:100}, 2000).call(this.onComplete, this);

private onComplete():void{

  console.log("complete");

}

总结:

egret是基于step的(to, wait...是一个step)

每个step完成后可以添加一个回调。

_addAction

时间: 2024-08-06 08:34:28

egret之tween的相关文章

egret的tween动画循环播放

开发中发现了egret的自带tween动画中tweenGroup没有自动重新播放的代码,就使用了一种较笨的方法进行播放 比如:我在exml皮肤文件中写了一个动画组tweenGroup,并且在ts文件中用play方法进行播放 //动画组名 private _animation:egret.tween.tweenGroup; private palyAnimation(){ this._animation.play(); //play(0)可以使动画播放完自动回复到初始状态 } 这上面不能实现重复播

Egret 入门

居然使用 TyptScript... 先贴手册地址:http://www.typescriptlang.org/docs/tutorial.html. 先要接受一个诡异的写法: private loadingView:LoadingUI; 首先支持了 private.public 类的对象名在前:loadingView 类的类型名在后:LoadingUI(在JS上封装出了强类型?) TyptScript 的特性: 类 Classes 接口 Interfaces 模块 Modules 类型注解 T

Egret 压缩与解压(jszip)

一 jszip是什么 二 为什么要用jszip 三 如果使用zip 一 jszip是什么 jszip 是一个 JavaScript 库,可直接在浏览器上创建 zip 压缩档. 二 为什么要用jszip 当游戏中有大量配置文件(txt或json)需要从服务器上下载时, 可以先将文件压缩成zip包,在Egret中下载后解压使用. 当配置文件只有几个时没什么,但是有50个60个时,我觉得是需要放到zip包里了. 以前在一家上市游戏公司用Egret开发过项目,里面有相当多的配置文件,就是放在一个zip包

Egret入门了解

0.前言 这个星期没有什么事做,就想找点技术了解一下.前段时间看过Egret,用来开发HTML5小游戏.一开始以为很麻烦的,但是经过这两天了解了一下,如果用这个游戏引擎来开发一些简单的游戏,还是蛮方便的.为什么会了解这个,是因为有个同事是开发Android的,是开发那种普通APP,就是一些简单的界面,跟硬件收发一下数据,然后展现出来.总体开发没有难点的,就是用Android开发那种界面交互效果很差,好看一点的呢,开发效率又很低.我就跟他提出,可以用html5画一些界面和一些动画效果.经过这两天了

Egret Wing4.0.3 动画编辑器

一 exml上摆放组件 切换动画编辑 创建动画组,命名test1. 选中一个对象,创建动画(必须选中一个对象后,+号才会亮.且一个对象只能创建一个动画) 之后和Flash差不多.在时间轴插入关键帧. 创建补间动画 选中关键帧,调整关键帧上组件的属性,目前支持x,y,透明度,角度等. 代码中调用.动画组的ID是test1. /** * */ class HomeScene extends eui.Component{ public constructor() { super(); this.ski

浅谈白鹭Egret

浅谈白鹭Egret 最近在做一个移动项目,技术选型的时候接触到了白鹭,简单了解了之后觉得挺合适的,最终就选择了这个引擎. 为什么会选择白鹭引擎呢? 我看上他主要有一下几点: 1.egret的类结构以及继承关系跟as3的一模一样,很容易上手. 2.egret尽量保持每个类的属性方法跟as3的一样,这样子的话as3里的写法在egret里面同样使用. 3.egret已经有一套完整的工具,可以方便的开发html5应用,也可以方便的发布手机原生应用. 4.白鹭公司的积极努力,使得每隔一小段时间都会有新版本

Egret置于后台时,暂停游戏逻辑 (Egret 5 )

官网教程-生命周期:http://developer.egret.com/cn/2d/lifecycle 主要是在游戏置于后台时,关闭游戏逻辑.渲染逻辑和背景音乐,保证更好的用户体验. 一 Egret 5.1版本新API 5版本引入了egret.Ticker.egret.lifecycle  API来暂停: 二 源码位置 egret.ticker就是SystemTicker,同时lifecycle也在SystemTicker.ts 文件里. 三 暂停流程 首先在WebLifeCycleHandl

egret 入门学习笔记之问题解决

一.super()的用处 MaskLayer继承了eui.Component, constructor是类的入口 super()代表执行父类的构造函数 二.人物动画 我设计的效果是:人物随着手指触摸屏幕任何一点而走动. 但是当我使用 var boy2 = egret.Tween.get(mc2); boy2.to({x:e.stageX,y:e.stageY},2000); 时,并没有达到我想要的效果,我疑惑很久,找不到问题所在. 后来终于找到解决办法: 直接使用 egret.Tween.get

应用zip压缩的javascript以及Egret H5游戏实战

代码地址如下:<br>http://www.demodashi.com/demo/11039.html 主要起因是策划对最快进入登录界面有硬性要求(3秒),那么最开始加载的文件越小越好.对H5的游戏程序进行压缩,可以大大缩小应用程序的加载时间. 本文主要有两个主题: 普通的javascript代码解压使用 实际Egret游戏项目的javascript代码解压使用 对实战感兴趣的朋友可以直接看后面的Egret部分,前面只是基础原理的入门版 一.js代码压缩效果 先看看压缩和没压缩之间的对比 可以