LayaAir引擎——(三)

LyaAir引擎(JavaScript)实现图片的翻转一半

图片4.png位于bin/开场过渡 文件夹下,图片大小150*30(根据实际情况做调整)

var button;
var scale1 = 1;

button = new laya.display.Sprite()
button.pos(100,100);
button.pivot(75,15);
button.loadImage("开场过渡/4.png");
Laya.stage.addChild(button);

//实现图片X轴翻转一半
Laya.timer.frameLoop(1,this,animateX);
//实现图片Y轴翻转一半
//Laya.timer.frameLoop(1,this,animateY);

function animateX() {

    if ( (scale1 - 0.02) < -0.04) {
        Laya.timer.clear(this,animateX);
    }else{
        button.scale(scale1,1);
        scale1 -= 0.02;
    }
}

function animateY() {

    if ( (scale1 - 0.02) < -0.04) {
        Laya.timer.clear(this,animateY);
    }else{
        button.scale(1,scale1);
        scale1 -= 0.02;
    }
}
时间: 2024-07-31 11:02:58

LayaAir引擎——(三)的相关文章

layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二

一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停止.动效模板切换 3.动画帧位置控制 4.动画播放完成事件 uui截图: Laya.init(1334, 750); Laya.loader.load(["res/comp.atlas","res/role.atlas"],Laya.Handler.create(thi

LayaAir引擎——(七)

LayaAir引擎——人物控制TiledMap地图移动和墙壁检测 所需要的软件: LayaAir IDE 1.0.2版本 TiledMap 所需要的东西: 地图:53 * 32,(48*48) 人物:48*48 注意: var a = pass.getTileDataByScreenPos(player.x,player.y - 48);//返回图块在图块集纹理上的索引+1 562//实际上索引是561,判断地图上的格子是否是561,如果是,不可以通行,则反之. var Sprite = Lay

LayaAir引擎——(六)

LayaAir引擎——TiledMap地图图块属性获取和进行墙壁碰撞检测 需要的软件: TiledMap LayaAir IDE 1.0.2版本 所画的地图: pass层: floor层: pass层格子属性: 白色格子: id:48,自定义属性 isCanPass:true 黑色格子:id:44,自定义属性 isCanPass:false floor层格子属性 五芒星格子:id:0 石头格子:id:27 矿车格子:id:22 1.前提代码 Laya.init(576, 576); var pl

LayaAir引擎——(二)

LayaAir引擎 -> 工具 -> 图集打包例子

LayaAir引擎——(一)

LayaAir是LayaBox推出的Html5游戏引擎,支持 ActionScript3.TypeScript.JavaScript,开源,并且商用免费. LayaAir IDE 是一款使用LayaAir 引擎来开发应用,游戏的集成开发环境. LayaAir IDE 下载地址: http://pan.baidu.com/s/1i5yKPpV; 新建项目: 项目名称:Test 项目路径:C:\Users\FanXiaying\Documents\LayaProject\Test 项目语言:Java

Spring Boot模板引擎 (三)

1.web应用开发之模板引擎 1.1.spring boot的web应用开发,是基于spring mvc 1.2.Spring boot 在spring默认基础上,自动配置添加了以下特性: 包含了ContentNegotiatingViewResolver和BeanNameViewResolver beans. 对静态资源的支持,包括对WebJars的支持. 自动注册Converter,GenericConverter,Formatter beans. 对HttpMessageConverter

PE渲染引擎 三

加进了SSAO,讲真这个东西,很容易忽略他的存在.并且动态的话,会有闪烁. 下面两幅图,单独给你看一张,应该看不出去区别....依旧是浓重风格,这个tongmaping,哪位大神指教下.....

LayaAir引擎——(十一)

var c = new Array(); var d = new Array(); var e = new Array(); var f = new Array(); var g = new Array(); var zzjmCursor = 0; function zzjminit() { zzjminitName(); zzjminitRectChoose(); zzjminitRectChoosePic(); zzjmSetVisible(0); zzjminitZhongZuShuoMi

LayaAir引擎——(十)

var k = new Array(); var l = new Array(); var m = new Array(); var zhiyeCurosr = 0; function zyinit() { zyinitName(); zyinitRectChoose(); zyinitRectChoosePic(); zyinitZhiyeIntro(); zySetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN,this,zyOnKe