Egret龙骨序列帧动画和补间动画播放问题

最新推荐文章于 2021-06-24 15:24:26 发布
最新推荐文章于 2021-06-24 15:24:26 发布
阅读量809 收藏
点赞数
分类专栏： egretMVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/redhat0921/article/details/105524418
版权

一个新手问题，在网上找了好久没有找到此类回答，也许是自己没找到吧，研究了一天找到了问题所在，希望可以帮到其他人。。。

序列帧动画和补间动画的文件数据不同，序列帧动画的name和gotoAndPlay都是“Sprite”，而补间动画则完全不同，所以需要获取数据的这两个字段，创建动画并播放动画，具体见下图

老龄码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
白鹭EGRET使用龙骨DRAGONBONES骨骼动画
Egret_or_Unity的博客
05-27 1万+
白鹭EGRET使用龙骨DRAGONBONES骨骼动画
egret 显示帧动画
qq_52702554的博客
11-16 939
在此之前我们需要下载一个软件。在官方下载的egret Launcher的工具中找到此软件，然后下载安装。 讲解帧动画资源文件配置问题： 打开刚才已下载的软件，因为我们要创建的是一个帧动画，所有选择Egret MovieClip： 注意拖入的文件格式要求，仅仅支持gif和是swf格式。从网上随便下载一个gif动画，然后直接拖入软件中。 随便取一个项目名称： 然后就会获得如下： 然后点击导出，注意一定是点击导出， 点击导出后，会有一个保存路径，建议新建一个文件夹，将导出的内容...
龙骨放到egert上位置偏移问题
四楼的博客
02-22 1342
昨天放龙骨到egert上时出现了一个问题，我放的坐标是x=0，y=0，可是看不到龙骨显示，起初以为是导入龙骨不成功。 后来调整了x和y，才看到了龙骨显示。 主要原因是龙骨的瞄点位置的问题，新建龙骨的时候，要是想以左上角为瞄点，那么就要像下图一样放置龙骨。
egret播放龙骨补间序列帧动画
redhat0921的博客
01-29 635
let armature: DragonBonesArmature = App.DragonBonesFactory.makeArmature("MovieClip", hitEff); armature.play("newAnimation", effData.hitPlayWhile); App.DisplayUtils.addChild(armature, this.grpEff); 创...
龙骨动画直接播放最后一帧
qq_39766982的博客
06-24 579
其实只是一个小技巧： spine.timeScale=1000; 将动画节点的播放速度瞬间放大倍数，在一瞬间播完以达到直接播放最后一帧的效果。
解决 白鹭引擎 egret 龙骨动画 Deprecated 已废弃
qq_35641923的博客
06-22 4462
官方文档中龙骨动画的调用方法和事件监听方法，在实际项目中都会提示已废弃，在网上也没找到一个讨论和解决这个问题的帖子，就自己去摸索了一下，下面贴出解决方法。 这是网上找到的比较常见的写法： private createGameScene(): void {     var dragonbonesData = RES.getRes( "RobotGame_1_json" );     var ...
DragonBone的帧动画在Unity中的使用，以及更换Armature的方法
qq_31068869的博客
09-18 1424
龙骨的官方API只提供了播放animation的方法，然而若是采用龙骨的逐帧动画，则不存在切换animation的概念，那么就只能通过切换不同的骨架（Armature）来控制同一个帧动画龙骨文件的不同动画。而切换骨架的方法，龙骨作者是写到了UnityEditor里面，也是醉了。 public static void ChangeArmatureData(UnityArmatureComponent _armatureComponent, string armatureName, string dragonB
龙骨动画JS播放示例代码
06-14
6. **文件结构与资源管理**：压缩包中的“龙骨”文件可能包含了动画的所有相关资源，如JSON配置文件（描述骨骼结构和动画帧）、图片文件（皮肤和纹理）等。开发者需要懂得如何正确解析这些文件，并在JavaScript中...
DragonBones Pro 制作帧动画 导入Egret播放使用
五千年的后羿
05-26 5022
龙骨导出帧动画mc  导入白鹭引擎使用先使用龙骨制作动画帧然后导出
egret--龙骨动画的导入和使用
weixin_41795931的博客
07-26 9088
添加资源 var dragonbonesData = RES.getRes("资源名_ske_json"); var textureData1 = RES.getRes("资源名_tex_json"); var texture1 = RES.getRes("资源名_tex_png"); 创建龙骨工厂 let egretFactory: dragonBones.EgretFactory ...
EgretMVC龙骨动画插入及播放
redhat0921的博客
10-12 613
一、先初始化龙骨动画所需的文件资源 class FightLevelMain{ public constructor() { var groupName: string = "preload"; var subGroups: Array<string> = ["preload"]; App.ResourceUtils.loadGroups(groupName, su...
白鹭egret调用龙骨动画出现显示分离等错误原因——网格和Webgl分析
weixin_42253927的博客
04-15 1604
白鹭的龙骨动画包括基本的骨骼动画和网格动画，涉及到头发，衣衫等物品时一般用网格构建，达到飘逸的显示效果，但网格动画依赖于WebGl硬件加速，白鹭默认时采用webGl模式的（近几年版本），故播放带网格动画不会有问题，但是Webgl硬件加速技术又依赖于浏览器和硬件，目前较新的浏览器都支持硬件加速，但有些低配PC等不支持此功能，故白鹭游戏里凡带有多个网格元件的动画都会出错。 如图：把webgl改成...
Unity 获取当前动画播放的帧
chh19941125的专栏
05-12 7520
在Unity动画控制中，如何获得当前动画已经播放到的帧呢？ 其实可以通过clip.frameRate，clip.length，及normalizedTime来计算出具体的帧。 //当前动画机播放时长 currentTime = anim.GetCurrentAnimatorStateInfo(0).normalizedTime; //动画片段长度 float length = anim.GetCurrentAnimatorClipInfo(0)[0].clip.length; //获取动画片段帧频 f.
Egret的帧动画的使用
热门推荐
却在奔跑的博客
09-22 1万+
对于习惯了cocos引擎的小伙伴，对于白鹭的帧动画我想应该会不是很容易理解。在cocos中假如我们需要添加一个动画，只需要准备好plist文件，在程序中利用for循环给plist文件中的资源添加到动画缓存池中，在需要的地方调用这个动画缓存池取出里面的动画。在一个精灵的节点上添加这个动画效果就可以了。具体代码如下。cc.spriteFrameCache.addSpriteFrames(res.expl
laya龙骨换装_DragonBones 5.3 新特性详解
weixin_35545345的博客
01-17 681
本帖最后由 superlancelot 于 2017-7-12 13:40 编辑DragonBones 5.3新特性详解本次DragonBones5.3 相对上一个版本5.2提供了很多新增功能和用户体验提升。具体包括：1. 新增序列帧元件类型，更方便更直观的制作序列帧动画。2. 支持导出二进制格式，H5运行库性能大幅提升。3. 为元件增加画布属性，可以设置元件的边框和...
干货：使用Spine制作柔性的骨骼动画详解(DragonBones也能使用)
BuladeMian的博客，菜得抠脚，菜得真实
12-05 9156
2015-10-21 15:06 编辑： cocopeng 分类：游戏开发 来源：Tim's Blog 缘起 缘起是要实现一个需求，即寻找一个能制作如下图所示腿部弯曲动画的工具。 由于要求不能使用序列帧动画，因为一旦弯曲效果不理想需要全部重画，美术的工作量会很大，而且序列帧动画的图量也会很大。 一番寻找后，发现骨骼动画工具Spine可以完美的满足需求，并且其支持众
白鹭（egret）序列帧图片打包动画资源
xiehuanqing00的专栏
05-27 3361
内容包括 使用【Adobe Flash Professional CS5.5】打包swf 导入swf到【TextureMerger】并打包json动画资源 使用【Adobe Flash Professional CS5.5】打包swf 前提：你需要有一序列的图片，并且图片文件命名有一定的规则，如图 导出swf文件 新建一个文档（图1） 导入第一张图片到舞台（图2）（这时候会...
CocosCreator 监听龙骨绑定的帧事件
SlowFeather's blog
07-15 2350
简介 在龙骨中的Armature上绑定了一些帧事件，但是在CocosCreator中监听不到，看了官方的案例才明白是要用addEventListener监听Armature上的事件。 龙骨部分 这里是给龙骨添加帧事件 给fall动画添加shooting事件 CocosCreator 添加监听代码 //拿到动画组件 this.animation = this.node.getComponentInChildren(dragonBones.ArmatureDisplay); //循环播放某个动画 this.a
Egret之龙骨事件
weixin_33690367的博客
11-15 798
首先来上龙骨的自定义事件： 1，在动画制作中 ， 选择一个动画 ， 选中事件层加一个关键帧 可以看到我在第11帧添加了一个关键帧 2，在属性面板中添加一个自定义事件 核心代码如下：： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29...
egret php,Egret 制作简单动画
最新发布
05-26
Egret 是一个 HTML5 游戏引擎，可以使用 TypeScript 或 JavaScript 来编写游戏。如果你想使用 Egret 制作简单动画，可以按照以下步骤： 1. 创建一个 Egret 项目，可以使用 Egret Wing 或者命令行进行创建。 2. 在项目中创建一个新的 Exml 文件，用于布局你的动画。 3. 在 Exml 文件中添加一个 Image 控件，用于显示动画的图像。 4. 在代码中使用 Tween 动画来控制图像的位置、大小、透明度等属性，从而实现动画效果。 以下是一个简单的示例代码： ```typescript class Main extends egret.DisplayObjectContainer { private img: egret.Bitmap; public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } private onAddToStage(event: egret.Event) { this.img = new egret.Bitmap(); this.img.texture = RES.getRes("img_png"); this.addChild(this.img); this.img.x = this.stage.stageWidth / 2; this.img.y = this.stage.stageHeight / 2; egret.Tween.get(this.img, { loop: true }) .to({ x: this.stage.stageWidth / 2 - 100 }, 1000, egret.Ease.backInOut) .to({ y: this.stage.stageHeight / 2 - 100 }, 1000, egret.Ease.backInOut) .to({ x: this.stage.stageWidth / 2 }, 1000, egret.Ease.backInOut) .to({ y: this.stage.stageHeight / 2 }, 1000, egret.Ease.backInOut); } } ``` 在这个代码中，我们创建了一个位图对象，并使用 Tween 动画让它在屏幕上来回移动。你可以根据自己的需求修改动画效果和属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值