[CocosCreator]使用龙骨DragonBone
笔者使用CocosCreator版本为v2.0.9,导出的龙骨资源使用的是5.0选项。
1,获得当前armatureDisplay,和当前amature
this.armatureDisplay = this.testWarlock.getComponent(dragonBones.ArmatureDisplay);
this.armature = this.armatureDisplay.armature();
2,播放动画
- 使用armatureDisplay来播放
this.armatureDisplay.playAnimation("move", 0);
缺点:不支持fade - 使用armature来播放
this.armature.animation.fadeIn("move", 0.2, 0);this.armature.animation.play("move",0);
支持fade
3,动画事件监听
//添加动画事件监听
this.armatureDisplay.addEventListener(dragonBones.EventObject.COMPLETE, this.animationEventHandler, this);
private animationEventHandler(event) {if (event.type === dragonBones.EventObject.COMPLETE) {if (event.animationState.name === "attack") {Debug.Log("attack 动作播放完毕!!!"); //TODO:}}}
还有诸如以下(更多参见官方文档)的动画事件监听:
COMPLETE 对应动画播放完成。比如我若设置动画播放次数为5,那么5次播放完毕后才会触发该事件。
若我设置动画无限循环播放,那么将不会触发该事件。所以需要根据情况看是否要使用LOOP_COMPLETE事件。LOOP_COMPLETE 动画循环播放完成一次。
FADE_IN 动画淡入开始。
FADE_IN_COMPLETE 动画淡入完成。
FRAME_EVENT 动画帧事件。
SOUND_EVENT 动画帧声音事件。
操作具体骨骼
获得骨骼:let lh:dragonBones.Bone=this.armature.getBone("leftHand");
需要注意的是,这里不能传骨骼的节点路径,否则返回的为null,直接传骨骼的名称即可,在DrgonBone中已经限定了骨骼名不可重复。且支持中文骨骼节点。
操作:
lh.offset//这个是骨头相对于骨架的transform变量含有x,y,rotation,scale等值lh.global//这个相对于骨架的值含有(x,y,rotation,scale等值)lh.offset.rotation=//对骨头旋转
参考文档
https://www.cnblogs.com/rickyctbu/p/10086597.html
[CocosCreator]使用龙骨DragonBone相关推荐
- creator物理引擎 /RPG运动类型 /坦克
1 applyForce/ToCenter(). 这个力怎么计算 (牛顿第二定律F=ma) 2 .linearVelocity()是像素/米 (看源码) 3 why到第四帧才有速度 CocosCrea ...
- CocosCreator 监听龙骨绑定的帧事件
监听龙骨绑定的帧事件 简介 龙骨部分 CocosCreator 项目设置 CocosCreator 添加监听代码 简介 在龙骨中的Armature上绑定了一些帧事件,但是在CocosCreator中监 ...
- CocosCreator 龙骨换装
龙骨换装 简介 简单切换插槽图片 代码 简介 这里实现简单的插槽切换图片功能,后续会增加动态加载添加插槽图片等等 简单切换插槽图片 插槽内有多张图片时使用此方法切换图片 代码 //拿到动画脚本 thi ...
- Egret之龙骨卡槽(slot)换皮
龙骨的图片是绑定在卡槽上的.并且是一对一的关系.所以可以通过对骨架的卡槽上绑定的图片的更换来实现另一种换皮的效果. 换皮的核心代码: //针对slot设置其新内容private setNewSlot( ...
- cocoscreator初学笔记001
cocoscrestor初学笔记 由于工作原因需要学习cocoscreator基础进行简单的游戏制作,也因为时间原因,之前自学的unity3d也放置了许久,等有空了才能填之前unity3d学习的坑了. ...
- CocosCreator只谈实战系列1——成语游戏编辑器篇
CocosCreator只谈实战系列1--成语游戏编辑器篇 前言 作者从18年4月开始试水微信小游戏,后面又用休闲小游戏项目尝试过国内安卓,头条小游戏,facebook等平台. 也是从18年4月第一次 ...
- CocosCreator 动态加载与远程加载资源汇总
CocosCreator 动态加载与远程加载资源汇总 概述 所有需要通过 cc.loader.loadRes 动态加载的资源,都必须放置在 resources 文件夹或它的子文件夹下.如果一份资源仅仅 ...
- Cocos Creator 3.x 动态加载 龙骨动画
龙骨动画比序列帧 优点好太多了, CocosCreator 提供了很好的支持: 我们就用 龙骨软件自带的动画做一个demo 给大家介绍下: 1. 第一步 肯定是导出资源 我这边是按照目录进度的加载 ...
- CocosCreator上的游戏(调试)发布到微信小程序
1.下载CocosCreator,微信开发者工具 官网地址:http://www.cocos.com/download 官网下载:https://developers.weixin.qq.com/mi ...
最新文章
- 20175330 数据结构-排序(选做)
- for循环的一些困惑解决(字符串)
- tableau for循环_Tableau for Data Science and Data Visualization-速成课程
- matlab 最小二乘法拟合_Scripy实现最小二乘法与股票K线回归
- 一个使用Logging Application Block的小问题[xgluxv]
- mysql主库从库在同一台服务器_mysql数据库从一台服务器迁移到另一台服务器上...
- 在通往VR内容的道路上,音乐将成为一项重要助力
- MFC中系统提供的16种光标形状描述
- 如何在ppt中插入html动态图表
- selenium配置Edge 全屏 更改ua 等
- html5移动端选择城市,移动端城市选择插件(原创)
- 语音识别框架之kaldi
- java使用egl_EGL 学习
- ADSL宽带共享问题
- 【蓝桥杯选拔赛真题15】Scratch碰苹果游戏 少儿编程scratch蓝桥杯选拔赛真题讲解
- 如何网页访问摄像机?海康威视官方文档
- 三维电子无人机倾斜摄影数字沙盘开发第38课 实现简单的粒子效果
- 并行算法设计与性能优化 刘文志 第2章 现代处理器特性
- 0x5003eaed指令引用的0x00000000内存。该内存不能为read
- 后台架构设计—数据存储层