Egret引擎开发基础（一）

最新推荐文章于 2023-07-17 14:06:12 发布

andychen2000

最新推荐文章于 2023-07-17 14:06:12 发布

阅读量179

点赞数

CC 4.0 BY-SA版权

文章标签： ui

原文链接：http://www.cnblogs.com/yc8930143/p/10662232.html

本文详细介绍使用Egret框架进行游戏开发的实用技巧，包括如何加载和显示图片，调整图片层级，应用Tween动画实现流畅过渡，以及如何播放声音。通过具体代码示例，读者可以快速掌握这些核心操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

显示图片

  var batman:egret.Bitmap = new egret.Bitmap( RES.getRes('hexo-huaheshang_png'));
  batman.x = 0;
  batman.y = 20;
  this.addChild( batman );

改变图片显示深度（层级）

     var batman:egret.Bitmap = new egret.Bitmap( RES.getRes('hexo-huaheshang_png'));
        batman.x = 0;
        batman.y = 20;
        this.addChild( batman );

        var batman1:egret.Bitmap = new egret.Bitmap( RES.getRes('hexo-huaheshang_png'));
        batman1.x = 60;
        batman1.y = 60;
        this.addChild( batman1 );


        var batman2:egret.Bitmap = new egret.Bitmap( RES.getRes('hexo-huaheshang_png'));
        batman2.x = 120;
        batman2.y = 80;
        this.addChild( batman2 );

        this.setChildIndex(batman1, this.getChildIndex( batman2 )); // 获取batman2 深度 给batmain1

Tween 动画

  this.stage.addEventListener(egret.TouchEvent.TOUCH_TAP, () => {
  egret.Tween.get(batman).to({x: batman1.x}, 300, egret.Ease.circIn )
  egret.Tween.get(batman1).to({x: batman.x}, 300, egret.Ease.circIn )

  egret.Tween.get( batman1 ).to( {scaleX: .4, scaleY:.4, alpha: .3}, 300, egret.Ease.circIn).to({scaleX: 1, scaleY: 1, alpha: 1}, 300, egret.Ease.circIn)
  
  }, this);

声音

  var sound:egret.Sound = RES.getRes('jimp_mp3'); sound.play();

手册

文档
 命令行手册

UI扩展库旧版GUI 新版EUI

转载于:https://www.cnblogs.com/yc8930143/p/10662232.html