笔记五 ：EgretH5通用MVC框架的入门操作：人物角色的渐动血条（UI部分）

最新推荐文章于 2024-04-03 00:35:21 发布
最新推荐文章于 2024-04-03 00:35:21 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： Egret 文章标签： Egret H5 UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013617851/article/details/83014227
版权

前言：渐动血条是角色扮演游戏中一般都会使用到的表现技术，角色的健康值发生改变时，不是直接显示改变后的百分比，而是渐渐地向改变之后的数值靠近，能增强人物健康值增减的表现力，绝地求生，英雄联盟，冒险岛等等，甚至我所在的公司产品都用到了这种技术。

源代码：笔记五渐动血条

如图：

 

实现方法：在血条的背景图案之上，设置两个颜色一深一浅的血条，数值增加时，两个血条增速一致。数值减少时，浅色血条瞬间变化，而深色血条利用tween缓慢变化。

1.打开 \resource\skins\DemoSkin.exml 添加上血条的界面布局代码，如下：

	<e:Group width="481.82" height="162.12" x="268.09" y="0" anchorOffsetX="0" anchorOffsetY="0">
		<e:Image width="354.76" height="130.62" x="17.36" y="18.78" anchorOffsetX="0" anchorOffsetY="0" source="menu_bg"/>
		<e:Rect width="83.63" height="85.16" x="38.73" y="41.51" anchorOffsetX="0" anchorOffsetY="0"  scaleX="1" scaleY="1" fillColor="0xffffff"/>
		<e:Rect width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xffffff"/>
		<e:Rect id="lowHpRect" width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xff0202"/>
		<e:Rect id="fastHpRect" width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xff7a7a"/>
		<e:Button id="addHP" label="+" x="175.24" y="105.67" anchorOffsetX="0" width="39" anchorOffsetY="0" height="38"/>
		<e:Button id="downHP" label="-" x="240.91" y="107.67" anchorOffsetX="0" width="33" anchorOffsetY="0" height="34"/>
	</e:Group>

DemoSkin.exml 参考代码：

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="DemoSkin" width="650" height="1000" xmlns:e="http://ns.egret.com/eui" xmlns:w="http://ns.egret.com/wing" xmlns:ns1="*">
	<e:Image width="362" height="48" x="19" y="232" anchorOffsetX="0" anchorOffsetY="0" source="table_cloud_top" fillMode="repeat" visible="false"/>
	<e:Group width="450" height="108" anchorOffsetX="0" anchorOffsetY="0" horizontalCenter="0" bottom="0">
		<e:Rect width="448" height="67" x="1.3199999999999932" y="42.24000000000001" fillColor="0xebfff8" anchorOffsetX="0" anchorOffsetY="0" scaleX="1" scaleY="1"/>
		<e:Image width="449" height="41.99" x="449.20000000000005" y="50.24000000000001" anchorOffsetX="0" anchorOffsetY="0" source="table_cloud_top" fillMode="repeat" rotation="180.16" scaleX="1" scaleY="1"/>
		<e:ToggleButton id="button" label="ToggleButton" x="45" y="32" anchorOffsetX="0" width="74" anchorOffsetY="0" height="75" skinName="MenuButtonSkin" scaleX="1" scaleY="1"/>
		<e:ToggleButton id="button2" label="ToggleButton" x="140.76" y="32" anchorOffsetX="0" width="74" anchorOffsetY="0" height="75" skinName="MenuButtonSkin" scaleX="1" scaleY="1"/>
		<e:ToggleButton id="button3" label="ToggleButton" x="237" y="32" anchorOffsetX="0" width="74" anchorOffsetY="0" height="75" skinName="MenuButtonSkin" scaleX="1" scaleY="1"/>
		<e:ToggleButton id="button4" label="ToggleButton" x="335" y="32" anchorOffsetX="0" width="74" anchorOffsetY="0" height="75" skinName="MenuButtonSkin" scaleX="1" scaleY="1"/>
	</e:Group>
	<e:Group width="610.61" height="192.42" x="0" y="178.79" anchorOffsetX="0" anchorOffsetY="0">
		<ns1:Menu id="menu" x="78" y="37.21000000000001" skinName="MenuSkin" scaleX="1" scaleY="1" visible="false"/>
		<e:Rect id="maskRect" width="530.61" height="191.22" x="77.72" y="0" anchorOffsetX="0" anchorOffsetY="0" scaleX="1" scaleY="1"/>
		<e:ToggleButton id="menuBtn" label="切换按钮" skinName="MenuButtonSkin" x="14" y="58.210000000000036" scaleX="1" scaleY="1"/>
	</e:Group>
	<e:Group width="481.82" height="162.12" x="268.09" y="0" anchorOffsetX="0" anchorOffsetY="0">
		<e:Image width="354.76" height="130.62" x="17.36" y="18.78" anchorOffsetX="0" anchorOffsetY="0" source="menu_bg"/>
		<e:Rect width="83.63" height="85.16" x="38.73" y="41.51" anchorOffsetX="0" anchorOffsetY="0"  scaleX="1" scaleY="1" fillColor="0xffffff"/>
		<e:Rect width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xffffff"/>
		<e:Rect id="lowHpRect" width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xff0202"/>
		<e:Rect id="fastHpRect" width="167" height="19" x="157.41" y="71.56" anchorOffsetX="0" anchorOffsetY="0" fillColor="0xff7a7a"/>
		<e:Button id="addHP" label="+" x="175.24" y="105.67" anchorOffsetX="0" width="39" anchorOffsetY="0" height="38"/>
		<e:Button id="downHP" label="-" x="240.91" y="107.67" anchorOffsetX="0" width="33" anchorOffsetY="0" height="34"/>
	</e:Group>
</e:Skin>

 

2.打开\src\example\module\demo\DemoView.ts  添加 血条渐变的核心代码 以及 两个测试按钮的事件

血条渐变的核心代码：

    //初始化initHpBar;
    private initHpBar():void{
        this.updateHpBar(1);
    }

    private HpBarNumNow:number = 0;//HP栏目前显示的数值
    private HpBarV:number = 0.2;//Hp扣除时衰减的速度
    /**更新血条状态 */
    private updateHpBar(NumUpdate: number): void { //需要更新成的数值
        let self = this;
        if (NumUpdate > self.HpBarNumNow) {//更新的数值大于目前的数值时的逻辑
            let tween;
            //第一个条同时进行缓慢增长,实心的那条
            egret.Tween.removeTweens(self.fastHpRect);//播放前先清除之前的动画
            let tempHpNum:number = self.fastHpRect.scaleX;//动画是从目前的长度开始进行
            tween = egret.Tween.get(self.fastHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, 1200).call(function () { 
             });
            //第二个条同时进行缓慢增长
            egret.Tween.removeTweens(self.lowHpRect);//播放前先清除之前的动画
            tempHpNum = self.fastHpRect.scaleX;//动画是从目前的长度开始进行
            tween = egret.Tween.get(self.lowHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, 1200).call(function () { 
             });
            self.HpBarNumNow = NumUpdate; //HP栏目前的数值进行更新
            console.log("这是之前的HpBarNumNow，NumUpdate",self.HpBarNumNow,NumUpdate);
        } else if(NumUpdate < self.HpBarNumNow){//更新的数值小于目前的数值时的逻辑
            let tween;
            let tempHpNum:number = self.lowHpRect.scaleX;//动画是从目前的长度开始进行
            egret.Tween.removeTweens(self.lowHpRect);播放动画前先清除之前的动画
            let t:number = (NumUpdate - tempHpNum)/this.HpBarV * 1000;//根据衰减时间计算衰减速度
            if(t < 0) t=-t;   //取绝对值
            tween = egret.Tween.get(self.lowHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, t);
            egret.Tween.removeTweens(self.fastHpRect);瞬变前先清除之前的动画
            self.fastHpRect.scaleX = NumUpdate;   //血条减血时瞬变
            self.HpBarNumNow = NumUpdate;
        }
    }

主要是分为两个部分，一个是血条增加，一深一浅同时缓慢增加。一个是血条减少，深的慢慢减少，浅的直接设定值瞬变。

在 public initUI(): void函数中初始化 血条渐变：

 this.initHpBar();

设定测试按钮：

    addHP: eui.Button;
    downHP: eui.Button;

在 public initUI(): void函数中配置测试按钮的监听：

        this.addHP.addEventListener(egret.TouchEvent.TOUCH_TAP, this.addbuttonClickHandler, this);
        this.downHP.addEventListener(egret.TouchEvent.TOUCH_TAP, this.downbuttonClickHandler, this);

测试按钮绑定的事件：

    private tempnum = 1;
    private addbuttonClickHandler(): void {
        if ((this.tempnum + 0.2) <= 1.0) {
            this.tempnum += 0.2;
        }
        this.updateHpBar(this.tempnum);
    }

    private downbuttonClickHandler(): void {
        if ((this.tempnum - 0.2) >= 0) {
            this.tempnum -= 0.2;
        }
        this.updateHpBar(this.tempnum);
    }

DemoView.ts参考代码：

/**
 * Created by egret on 15-1-6.
 */
class DemoView extends BaseEuiView {
    public constructor($controller: BaseController, $parent: eui.Group) {
        super($controller, $parent);
        this.skinName = "resource/skins/DemoSkin.exml";
    }

    button: eui.ToggleButton;
    //展开菜单
    menuBtn: eui.Button;
    maskRect: eui.Rect;
    menu: Menu;
    //hp条
    lowHpRect: eui.Rect;
    fastHpRect: eui.Rect;
    addHP: eui.Button;
    downHP: eui.Button;
    //this.dispatchEvent(daterEvent);
    /**
     *对面板进行显示初始化，用于子类继承
     *
     */
    public initUI(): void {
        super.initUI();
        this.button.addEventListener(egret.TouchEvent.TOUCH_TAP, this.buttonClickHandler, this);
        this.menuBtn.addEventListener(egret.TouchEvent.TOUCH_TAP, this.menubuttonClickHandler, this);
        this.addHP.addEventListener(egret.TouchEvent.TOUCH_TAP, this.addbuttonClickHandler, this);
        this.downHP.addEventListener(egret.TouchEvent.TOUCH_TAP, this.downbuttonClickHandler, this);
        GameDispatcher.getInstance().addEventListener(EventName.MAINBAR_CLOSE, this.restoreButton, this);//监听界面的关闭

        //为左边的弹出菜单设定遮罩
        this.menu.mask = this.maskRect;
        //人物血条的变化
        this.initHpBar();
    }

    private buttonClickHandler(e: egret.TouchEvent): void {
        App.ViewManager.playopen(2, ViewConst.Friend);
    }
    /**左边中间的那个折叠菜单的按钮事件 */
    private menubuttonClickHandler(e: egret.TouchEvent): void {
        let tween;
        let self = this;
        if (self.menu.$visible) {
            self.menuBtn.touchEnabled = false;//播放动画时不可再次按按钮
            tween = egret.Tween.get(this.menu).to({ scaleX: 1.0, scaleY: 1.0, x: 100 }, 0).to({ scaleX: 1.0, scaleY: 1.0, x: -400 }, 460).call(function () { self.menu.$setVisible(false); self.menuBtn.touchEnabled = true; });
        } else {
            self.menu.$setVisible(true);
            self.menuBtn.touchEnabled = false;//播放动画时不可再次按按钮
            tween = egret.Tween.get(this.menu).to({ scaleX: 1.0, scaleY: 1.0, x: -400 }, 0).to({ scaleX: 1.0, scaleY: 1.0, x: 100 }, 460).call(function () { self.menuBtn.touchEnabled = true; });
        }
    }
    //关闭窗口时候的按钮恢复状态
    private restoreButton(): void {
        console.log("restoreButton");
        this.button.selected = false;
    }

    //初始化initHpBar;
    private initHpBar():void{
        this.updateHpBar(1);
    }

    private HpBarNumNow:number = 0;//HP栏目前显示的数值
    private HpBarV:number = 0.2;//Hp扣除时衰减的速度
    /**更新血条状态 */
    private updateHpBar(NumUpdate: number): void { //需要更新成的数值
        let self = this;
        if (NumUpdate > self.HpBarNumNow) {//更新的数值大于目前的数值时的逻辑
            let tween;
            //第一个条同时进行缓慢增长,实心的那条
            egret.Tween.removeTweens(self.fastHpRect);//播放前先清除之前的动画
            let tempHpNum:number = self.fastHpRect.scaleX;//动画是从目前的长度开始进行
            tween = egret.Tween.get(self.fastHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, 1200).call(function () { 
             });
            //第二个条同时进行缓慢增长
            egret.Tween.removeTweens(self.lowHpRect);//播放前先清除之前的动画
            tempHpNum = self.fastHpRect.scaleX;//动画是从目前的长度开始进行
            tween = egret.Tween.get(self.lowHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, 1200).call(function () { 
             });
            self.HpBarNumNow = NumUpdate; //HP栏目前的数值进行更新
            console.log("这是之前的HpBarNumNow，NumUpdate",self.HpBarNumNow,NumUpdate);
        } else if(NumUpdate < self.HpBarNumNow){//更新的数值小于目前的数值时的逻辑
            let tween;
            let tempHpNum:number = self.lowHpRect.scaleX;//动画是从目前的长度开始进行
            egret.Tween.removeTweens(self.lowHpRect);播放动画前先清除之前的动画
            let t:number = (NumUpdate - tempHpNum)/this.HpBarV * 1000;//根据衰减时间计算衰减速度
            if(t < 0) t=-t;   //取绝对值
            tween = egret.Tween.get(self.lowHpRect).to({ scaleX: tempHpNum }, 0).to({ scaleX: NumUpdate }, t);
            egret.Tween.removeTweens(self.fastHpRect);瞬变前先清除之前的动画
            self.fastHpRect.scaleX = NumUpdate;   //血条减血时瞬变
            self.HpBarNumNow = NumUpdate;
        }
    }

    private tempnum = 1;
    private addbuttonClickHandler(): void {
        if ((this.tempnum + 0.2) <= 1.0) {
            this.tempnum += 0.2;
        }
        this.updateHpBar(this.tempnum);
    }

    private downbuttonClickHandler(): void {
        if ((this.tempnum - 0.2) >= 0) {
            this.tempnum -= 0.2;
        }
        this.updateHpBar(this.tempnum);
    }

}

 

3.留下了一个待解决的问题：
点击两次扣血之后，再次点击加血，会把缓动的血条直接消失掉
这是因为命令时瞬发的，点击一次瞬发一次，假如血条需要一会儿减少，一会儿增加，就需要两条命令。
解决办法：
点击瞬发的时候，就用数学公式计算好缓动血条的减少时间与增加时间进行修复，以后有时间再来解决这个问题。
 

OSG开发笔记（二十八）：OSG模型固定路径动画
08-20 3万+
若该文为原创文章，未经允许不得转载 原博主博客地址：https://blog.csdn.net/qq21497936 本文章博客地址：https://blog.csdn.net/qq21497936/article/details/99816214 目录 前言 Demo效果 路径动画 动画关键点 动画路径类AnimationPath 飞机模型 飞机模型动画 模型路径动画构架图 ...
linux云计算集群架构学习笔记:rhel7基本命令操作
谷洪的博客
01-08 3万+
&nbsp;1-3-RHEL7基本命令操作 1.1Linux终端介绍 Shell提示符 Bash Shell基本语法。 1.2基本命令的使用：ls、pwd、cd。 1.3查看系统和BIOS硬件时间。 1.4 Linux如何获得帮助，Linux关机命令：shutdown、init等。 1.5 Linux 7个启动级别，设置服务器在来电后自动开机。 单词整理： Terminal ： 终端 &nbs...
制作角色血条 [代码清单10-2]
iFuMI的博客
04-17 1315
Unity3D游戏开发， 宣雨松 著。 1. 制作红色血条，血量是红色的，底色是是黑色的。它们被定义在公有变量Texture2D blood_red和Texture2D blood_black；这是要把图片资源拖入inspector中。 2. 注意任何脚本都是要绑定到游戏对象上。 using UnityEngine; using System.Collections;
html5 游戏开发框架 egret,Egret-Engine: Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架...
weixin_39781550的博客
05-31 626
Egret EngineEgret Engine包含了白鹭时代研发的遵循HTML5标准的游戏引擎，他包括 2D / 3D 渲染核心、EUI体系、音频管理、资源管理等游戏引擎的常用模块。通过使用白鹭引擎，开发者可以尽可能的不用关注浏览器的底层实现，解决HTML5游戏性能问题及碎片化问题，灵活地满足开发者开发2D或3D游戏的需求。引擎覆盖平台移动端PC端安装首先获得 Egret...
角色血条跟随
01-20 1123
GameObject分为2D &amp; 3D，然而血条Slider是UI系统里的，要跟随的话我目前找到了两种方法：   1. main camera跟随角色移动（拉成子对象，或者镜头上挂脚本控制)，在scene里调整好slider的位置，播放时血条就跟随了。但效果很差，往往角色先跑到一个地方，血条一个大漂移才跟随上了。 这是2D 对象的跟随，如果对象时3D，则要把slider所在的canv...
Egret游戏通用开发框架
随身教程序员的博客
07-05 1645
地址：https://github.com/yicaoyimuys/EgretGameEngine 简介：现在这套代码已经有几个项目都在使用了，主要用于各项目组间统一开发规范，便于开发人员调整，以及新手快速熟悉项目，支持Egret2.0.x和2.5.x版本，此项目代码适用于中大型的项目，如果是小游戏用这个就有点复杂了 包含内容(core)：(controller、view、model、proxy)模块与模块之间，模块内部通信，都使用自定义消息机制(Ht
Egret Engine游戏框架 v5.4.1.zip
03-21
Egret Engine游戏框架 v5.4.1.zip
【愚公系列】2024年04月 《AI智能化办公：ChatGPT使用方法与技巧从入门到精通》 037-ChatGPT相关模型推荐
最新发布
时光隧道
04-03 5万+
🏆 作者简介，愚公搬代码🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。🏆《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主等。
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
【愚公系列】2024年03月 《AI智能化办公：ChatGPT使用方法与技巧从入门到精通》 024-ChatGPT的办公应用（ChatGPT在Excel中的应用）
热门推荐
时光隧道
03-21 5万+
安装ChatGPT插件首先，下载并安装适用于Excel的ChatGPT插件。您可以从OpenAI官方网站或其他适用的渠道获取插件安装包。按照提示完成插件安装过程。启动Excel并打开工作表启动Microsoft Excel应用程序，并打开您的工作表，您可以在这里开始处理数据和完成相应的任务。使用ChatGPT插件在Excel中，找到ChatGPT插件的位置或菜单选项。通常，插件会显示在工具栏或菜单栏中。点击插件图标或选项，启动ChatGPT插件。
基于Egret的客户端游戏框架
03-05
基于Egret的客户端游戏框架 结合eui，提供MVC开发框架，可以快速开发H5游戏
easyegret:白鹭的游戏框架
05-20
Easy Egret 简单易用的egret游戏框架,让游戏制作飞起来! 1.HTML5游戏制作的框架 框架居于egret引擎 2.我们的目的: 提供一整套游戏的解决方案,包括:易用的UI,页面切换,窗口,数据,事件,协议的控制 在UI层,我们会提供一个UI工具,方便生成UI代码 在游戏协议层,我们提供一个协议规范和协议代码生成工具,方便生成协议代码 3.为什么UI又造轮子: 各种skin方式的UI我们基本不看好,貌似高级,但是对游戏制作来说,绝对是梦魇.高效率的UI才是王道. 所以我们的这个轮子可以说简单暴力,但是效率应该最高. 不要跟我说皮肤自适应的问题,在小游戏中可以,大点的游戏行不通.在游戏制作中,叫换皮,不会是简单的源素材x2,x3的!甚至规格,尺寸,样式,布局都会改变,因此游戏中换皮基本是全换!UI层得再来一次,未避免重复劳动,总结出来的经验就是把UI独立出来,避免带入逻辑,这样
Egret RPG 跑图Demo
09-26
Egret RPG 跑图Demo 2.5D地图 A星寻路 NPC 瓦片地图 Egret RPG 跑图Demo 2.5D地图 A星寻路 NPC 瓦片地图 Egret RPG 跑图Demo 2.5D地图 A星寻路 NPC 瓦片地图
EgretGameEngine：Egret中的游戏客户端引擎
02-06
白鹭游戏引擎 白鹭游戏开发使用框架，便于快速开发，以及各项目组之间的统一开发规范，便于开发人员调整，以及新手快速熟悉的项目 各个版本说明 1.0分支：适用于引擎2.0.x+版本 1.1分支：适用于引擎2.5.x+版本，UI使用gui 1.2分支：适用于引擎2.5.x+版本，UI使用eui，已升级到4.1.0版本 1.3分支：适用于引擎5.0.x+版本，UI使用eui，已升级到5.0.12版本 1.4分支：适用于引擎5.0.x+版本，UI使用eui，assetsmanager替换了res，已升级到5.1.9版本，支持微信小游戏 实现功能： 1：MVC模块 2：Net网络请求模块（Http，We
egret做的游戏
10-11
测试类小游戏，在其他网站上看到的，自己修改了某些功能，里面的代码还是挺不错的 ，大家可以学习一下
刚开始学egret开发，第一课 《小鸡过马路》- 绘制npc，绘制玩家控制角色，碰撞检测还不完善，嘿嘿！
qq_41604505的博客
03-15 730
class Main extends eui.UILayer {    /**     * 加载进度界面     * loading process interface     */    /*    * 汽车的状态  0代表向左 ， 1代表向右    */    private loadingView: LoadingUI;    public fox:egret.Bitmap;    publ...
egret角色触碰边界 回弹
weixin_40938312的博客
08-20 342
添加定时器 在摇杆被触摸时调用 var timer2:egret.Timer=new egret.Timer(1,0); timer2.addEventListener(egret.TimerEvent.TIMER,cont62,this); function cont62(e:egret.TouchEvent){ var ccc=new p...
血条跟随人物
一只攻城狮的博客
08-04 335
// 血条 public GameObject hpImage; // 改变血条的XY轴 public int posX, posY; void Start () { } void Update () { // 世界坐标转换成屏幕坐标 Vector2 pos = Camera.main.WorldToScreen...
笔记三 ：EgretH5通用MVC框架的入门操作：为UI界面的打开添加动画效果（UI部分）
u013617851的博客
10-11 1087
前言：合格的游戏界面（UI）打开关闭通常需要过渡性的动画，这里记录如何在通用egret,MVC框架中,笔记一中创建的scene里面，增加打开界面添加动画效果的功能。 源代码：笔记三Egret动画效果打开界面 效果如图：   1.打开\src\example\module\base\BasePanelView.ts 修改继承限定，运行关闭界面时进行其他操作 找到最底下的这几行代码： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值