龙骨事件

腾讯云+资讯
首页云计算互联网建站大数据技术资料网络营销

云市场云+社区备案控制台
技术资料 > 正文
Egret之龙骨事件
作者：Aonaufly 2018-04-09 来源：51CTO
首先来上龙骨的自定义事件：

1，在动画制作中，选择一个动画，选中事件层加一个关键帧

可以看到我在第11帧添加了一个关键帧

2，在属性面板中添加一个自定义事件

核心代码如下：：

/**
* 展示Sheep特效
*/
private showRoleWing(wingId: number): void {
this.egretFactory = tools.DragonBoneTools.Instance.createEff2New(
"Sheep_Ani_ske_json",
"Sheep_Ani_tex_json",
"Sheep_Ani_tex_png",
);
this.eff_robot = this.egretFactory.buildArmatureDisplay("Armature");
this.addChild(this.eff_robot);
this.eff_robot.animation.play("goat_eat_anim",0);
this.eff_robot.x = 200;
this.eff_robot.y = 450;
this.eff_robot.armature.addEventListener( dragonBones.AnimationEvent.START, this.startPlay,this);
this.eff_robot.armature.addEventListener( dragonBones.AnimationEvent.LOOP_COMPLETE, this.loop_com,this);
this.eff_robot.armature.addEventListener( dragonBones.FrameEvent.ANIMATION_FRAME_EVENT, this.frame_event,this);
//this.stage.addEventListener(egret.TouchEvent.TOUCH_BEGIN,this.onTouch,this);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log( "动画播放开始");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "动画播放完一轮完成！");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( " 播放到了一个关键帧！帧标签为：",evt.frameLabel);
}
结果：

关键： this.eff_robot.armature.addEventListener( dragonBones.FrameEvent.ANIMATION_FRAME_EVENT, this.frame_event,this);

当我们在DragonBones中加入了帧事件事，这个就会触发。

添加音乐事件

代码：

this.eff_robot.x = 200;
this.eff_robot.y = 450;
this.eff_robot.armature.addEventListener( dragonBones.AnimationEvent.START, this.startPlay,this);
this.eff_robot.armature.addEventListener( dragonBones.AnimationEvent.LOOP_COMPLETE, this.loop_com,this);
this.eff_robot.armature.addEventListener( dragonBones.FrameEvent.ANIMATION_FRAME_EVENT, this.frame_event,this);
dragonBones.SoundEventManager.getInstance().addEventListener( dragonBones.SoundEvent.SOUND, this.sound_event,this);
//this.stage.addEventListener(egret.TouchEvent.TOUCH_BEGIN,this.onTouch,this);
this.eff_robot.animation.play("goat_eat_anim",0);
}
private startPlay(evt:dragonBones.ArmatureEvent)
{
console.log("动画播放开始");
}
private loop_com(evt:dragonBones.ArmatureEvent)
{
console.log( "动画播放完一轮完成！");
}
private frame_event(evt:dragonBones.FrameEvent)
{
console.log( " 播放到了一个关键帧！帧标签为：",evt.frameLabel);
}
private sound_event(evt:dragonBones.SoundEvent)
{
console.log( "音的值为：",evt.sound);
}
结果：

关键：

dragonBones.SoundEventManager.getInstance().addEventListener( dragonBones.SoundEvent.SOUND, this.sound_event,this);

本文原作者Aonaufly，原文链接http://blog.51cto.com/aonaufly/1967646
标签： Egret 龙骨龙骨事件
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：4051308@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
相关推荐
Egret之Visual Studio Code环境配置

Egret之JSZip高级应用：压缩JS
Egret之JSZip基础

Egret之龙骨换装
Egret之egretProperties.json(EUI)

Egret之自定义事件
Egret之粒子系统

Egret之属性绑定
Egret之Eui.Button换肤

Egret之eui.Scroller
Egret之龙骨卡槽(slot)换皮

Egret之位图字体
上一篇: VC++实战《星际传奇》网游课程第一部分网络游戏开发基础篇（游戏引擎设计)
下一篇: OGEngine：Java开发者的手游开发引擎

最新更新
cocos2d-x学习笔记（十三）lua与java通过LuaJavaBridge交互
egret 发布微端项目
egret 发布android原生项目（三）JS与原生通讯
egret 发布android原生项目（二）运行项目
egret 发布android原生项目（一）打包apk
实境与虚境的影响看看VR、AR、AV与游戏结合的效果
使用Laya引擎开发微信小游戏（上）
科幻实现了?扩增实境有可能为未来的科技?
unity打包webgl程序和js键盘监听事件冲突的问题。
52岁任贤齐白胖一场《宝宝计划免费领取QQ_86969406》
猜你喜欢
egret之list使用示例
egret自定义loadingui
egret语法datagroup使用案例
egret知(填)识(坑)点集
小游戏自动化测试工具
typescript系列 - 什么是typescript
js常用面试题整理
8 个 webassembly 应用案例直击转
不就是小游戏嘛，分分钟给你写一个
使用laya引擎开发微信小游戏
更多推荐
数据可视化服务器监控物联网通信高防CDN ocr文字识别软件域名查询小程序开发 docker 云服务
热门产品
验证码短信平台域名申请服务器租用 com域名图片文字识别云呼叫中心 CDN加速域名购买 SSL证书
热门推荐
域名解析 cn域名云存储人脸识别域名注册漏洞扫描渗透测试数字营销网站监控
tencent 腾讯开放平台 QQ物联 DNSPod 微信公众平台腾讯优图腾讯蓝鲸企业QQ 腾讯微云腾讯文档友情链接
Copyright © 2013-2019 Tencent Cloud. All Rights Reserved. 腾讯云版权所有京公网安备 11010802017518 粤B2-20090059-1
中国站
联系我们0daybank

文章评论