dragonBones骨骼动画格式说明

最新推荐文章于 2023-02-20 17:22:57 发布
最新推荐文章于 2023-02-20 17:22:57 发布
阅读量5.1k 收藏 5
点赞数
文章标签： 骨骼动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/W_han__/article/details/52817840
版权 
  1. {
    // DragonBones 数据名称
    "name": "dragonBonesName",
    // 数据版本
    "version": "4.5",
    // 动画帧频
    "frameRate": 24,
    // 是否使用绝对数据 [0: 使用相对数据, 1: 使用绝对数据] (可选属性 默认: 1)
    "isGlobal": 1,
    // 骨架列表
    "armature": [{
        // 骨架名称 (一个 DragonBones 数据可包含多个骨架)
        "name": "armatureName",
        // 动画帧频 (可选属性 默认: 使用全局帧频)
        "frameRate": 24,
        // 动画类型 (可选属性 默认: "Armature")
        // ["Armature": 骨骼动画, "MovieClip": 基本动画, "Stage": 场景动画]
        "type": "Armature",
        // 自定义数据 [任何类型] (可选属性 默认: null)
        "userData": null,
        // 添加到舞台后的默认行为列表 (可选属性 默认: null)
        "defaultActions": [
            // 此骨架播放指定动画
            ["gotoAndPlay", "animationName"],
            // 此骨架播放指定动画并停止
            ["gotoAndStop", "animationName"],
        ],
        // 此骨架包含的骨骼列表
        "bone": [{
            // 骨骼名称
            "name": "boneName",
            // 父级骨骼的名称
            "parent": "parentBoneName",
            // 自定义数据 [任何类型] (可选属性 默认: null)
            "userData": null,
            // 骨骼注册到骨架的位移/ 斜切/ 缩放 (可选属性 默认: null)
            "transform": {
                "x": 0.00, // 水平位移 (可选属性 默认: 0.00)
                "y": 0.00, // 垂直位移 (可选属性 默认: 0.00)
                "skX": 0.0000, // 水平斜切 (可选属性 默认: 0.0000)
                "skY": 0.0000, // 垂直斜切 (可选属性 默认: 0.0000)
                "scX": 1.0000, // 垂直缩放 (可选属性 默认: 1.0000)
                "scY": 1.0000, // 垂直缩放 (可选属性 默认: 1.0000)
            }
        }],
        // 此骨架包含的插槽列表
        "slot": [{
            // 插槽名称
            "name": "slotName",
            // 插槽所属的骨骼名称
            "parent": "parentBoneName",
            // 默认显示对象的索引 (可选属性 默认: 0)
            "displayIndex": 0,
            // 混合模式 (可选属性 默认: null)
            "blendMode": null,
            // 自定义数据 [任何类型] (可选属性 默认: null)
            "userData": null,
            // 显示对象的颜色叠加 (可选属性 默认: null)
            "color": {
                "aM": 100, // 透明叠加 [0~100] (可选属性 默认: 100)
                "rM": 100, // 红色叠加 [0~100] (可选属性 默认: 100)
                "gM": 100, // 绿色叠加 [0~100] (可选属性 默认: 100)
                "bM": 100, // 蓝色叠加 [0~100] (可选属性 默认: 100)
                "aO": 0.00, // 透明偏移 [-255~255] (可选属性 默认: 0)
                "rO": 0.00, // 红色偏移 [-255~255] (可选属性 默认: 0)
                "gO": 0.00, // 绿色偏移 [-255~255] (可选属性 默认: 0)
                "bO": 0.00, // 蓝色偏移 [-255~255] (可选属性 默认: 0)
            },
            // 添加到舞台后的行为列表 (可选属性 默认: null)
            "actions": [
                // 子骨架播放指定动画 (仅对显示对象为骨架时有效)
                ["gotoAndPlay", "animationName"],
                // 子骨架播放指定动画并停止 (仅对显示对象为骨架时有效)
                ["gotoAndStop", "animationName"],
            ]
        }],
        // 此骨架包含的皮肤列表
        "skin": [{
            // 皮肤名称
            "name": "skinName",
            // 此皮肤包含的插槽列表
            "slot": [{
                // 插槽名称
                "name": "slotName",
                // 此插槽包含的显示对象列表
                "display": [{
                    // 显示对象名称
                    "name": "displayName",
                    // 显示对象类型  (可选属性 默认: "image")
                    // ["image": 贴图, "armature": 骨架, "mesh": 网格, ... 其他扩展的类型]
                    "type": "image",
                    // 显示对象相对于骨骼的位移/ 斜切/ 缩放 (可选属性 默认: null)
                    "transform": {
                        "x": 0.00, // 水平位移 (可选属性 默认: 0.00)
                        "y": 0.00, // y 垂直位移 (可选属性 默认: 0.00)
                        "skX": 0.0000, // 水平斜切 (可选属性 默认: 0.0000)
                        "skY": 0.0000, // 垂直斜切 (可选属性 默认: 0.0000)
                        "scX": 1.0000, // 垂直缩放 (可选属性 默认: 1.0000)
                        "scY": 1.0000, // 垂直缩放 (可选属性 默认: 1.0000)
                    },
                    // 显示对象的轴点 (可选属性 默认: null, 仅对贴图或网格有效)
                    "pivot": {
                        "x": 0.50, // 水平轴点 [0.00~1.00] (可选属性 默认: 0.50)
                        "y": 0.50, // 垂直轴点 [0.00~1.00] (可选属性 默认: 0.50)
                    },
                    // 顶点的 UV 坐标列表 (可选属性 默认: null, 仅对网格有效)
                    // [u0, v0, u1, v1, ...]
                    "uvs": [0.0000, 0.0000, 1.0000, 0.0000, 1.0000, 1.0000, 0.0000, 1.0000],
                    // 三角形顶点索引列表 (可选属性 默认: null, 仅对网格有效)
                    "triangles": [0, 1, 2, 2, 3, 0],
                    // 顶点权重列表 (可选属性 默认: null, 仅对网格有效)
                    // [顶点索引, 骨骼索引, 权重, ...]
                    "weights": [0, 0, 1.00, 1, 0, 1.00, 2, 0, 1.00, 3, 0, 1.00],
                    // 顶点相对显示对象轴点的坐标列表 (可选属性 默认: null, 仅对网格有效)
                    // [x0, y0, x1, y1, ...]
                    "vertices": [-64.00, -64.00, 64.00, -64.00, 64.00, 64.00, -64.00, 64.00],
                    // 蒙皮插槽注册的矩阵变换 (可选属性 默认: null, 仅对网格有效)
                    // [x, y, skewX, skewY, scaleX, scaleY]
                    "slotPose": [0.00, 0.00, 0.0000, 0.0000, 1.0000, 1.0000],
                    // 蒙皮骨骼注册的矩阵变换 (可选属性 默认: null, 仅对网格有效)
                    // [骨骼索引, x, y, skewX, skewY, scaleX, scaleY, ...]
                    "bonePose": [0, 0.00, 0.00, 0.0000, 0.0000, 1.0000, 1.0000],
                    "edges": [0, 1, 1, 2, 2, 3, 3, 1],
                    "userEdges": [],
                }]
            }]
        }],
        // 此骨架包含的 ik 约束列表
        "ik": [{
            // ik 约束名称
            "name": "ikName",
            // 绑定骨骼的名称
            "bone": "boneName",
            // 目标骨骼的名称
            "target": "ikBoneName",
            // 弯曲方向 (可选属性 默认: true)
            // [true: 正方向/ 顺时针, false: 反方向/ 逆时针]
            "bendPositive": true,
            // 骨骼链的长度 (可选属性 默认: 0)
            // [0: 只约束 bone, n: 约束 bone 及 bone 向上 n 级的父骨骼]
            "chain": 0,
            // 权重 [0.00: 不约束 ~ 1.00: 完全约束] (可选属性 默认: 1.00)
            "weight": 1.00
        }],
        // 此骨架包含的动画列表
        "animation": [{
            // 动画名称
            "name": "animationName",
            // 循环播放次数 [0: 循环播放无限次, n: 循环播放 n 次] (可选属性 默认: 1)
            "playTimes": 1,
            // 动画帧长度 (可选属性 默认: 1)
            "duration": 1,
            // 此动画包含的关键帧列表 (可选属性 默认: null)
            "frame": [{
                // 帧长度 (可选属性 默认: 1)
                "duration": 1,
                // 帧事件 (可选属性 默认: null)
                "event": "eventName",
                // 帧声音 (可选属性 默认: null)
                "sound": "soundName",
                // 帧行为列表 (可选属性 默认: null)
                "actions": [
                    // 此骨架播放指定动画
                    ["gotoAndPlay", "animationName"],
                    // 此骨架播放指定动画并停止
                    ["gotoAndStop", "animationName"],
                ]
            }],
            // 此动画包含的骨骼时间轴列表 (可选属性 默认: null)
            "bone": [{
                // 时间轴名称 (与骨骼名称对应)
                "name": "boneName",
                // 时间轴缩放 (可选属性 默认: 1.00)
                "scale": 1.00,
                // 时间轴偏移 (可选属性 默认: 0.00)
                "offset": 0.00,
                // 此时间轴包含的关键帧列表 (可选属性 默认: null)
                "frame": [{
                    // 帧长度 (可选属性 默认: 1)
                    "duration": 1,
                    // 补间缓动 [0.00: 线性, null: 无缓动] (可选属性 默认: null)
                    "tweenEasing": 0.00,
                    // 补间缓动曲线 [x1, y1, x2, y2, ...: 贝塞尔曲线] (可选属性 默认: null)
                    "curve": [0.00, 0.00, 1.00, 1.00],
                    // 帧事件 (可选属性 默认: null)
                    "event": "eventName",
                    // 帧声音 (可选属性 默认: null)
                    "sound": "soundName",
                    // 骨骼的位移/ 斜切/ 缩放 (可选属性 默认: null)
                    "transform": {
                        "x": 0.00, // 水平位移 (可选属性 默认: 0.00)
                        "y": 0.00, // 垂直位移 (可选属性 默认: 0.00)
                        "skX": 0.0000, // 水平斜切 (可选属性 默认: 0.0000)
                        "skY": 0.0000, // 垂直斜切 (可选属性 默认: 0.0000)
                        "scX": 1.0000, // 垂直缩放 (可选属性 默认: 1.0000)
                        "scY": 1.0000 // 垂直缩放 (可选属性 默认: 1.0000)
                    },
                }]
            }],
            // 此动画包含的插槽时间轴列表
            "slot": [{
                // 时间轴名称 (与插槽名称对应)
                "name": "slotName",
                // 此时间轴包含的关键帧列表 (可选属性 默认: null)
                "frame": [{
                    // 帧长度 (可选属性 默认: 1)
                    "duration": 1,
                    // 补间缓动 [0.00: 线性, null: 无缓动] (可选属性 默认: null)
                    "tweenEasing": 0.00,
                    // 补间缓动曲线 [x1, y1, x2, y2, ...: 贝塞尔曲线] (可选属性 默认: null)
                    "curve": [0.00, 0.00, 1.00, 1.00],
                    // 此帧的显示对象索引 (皮肤中对应的插槽显示对象列表) (可选属性 默认: 0)
                    "displayIndex": 0,
                    // 显示对象的颜色叠加 (可选属性 默认: null)
                    "color": {
                        "aM": 100, // 透明叠加 [0~100] (可选属性 默认: 100)
                        "rM": 100, // 红色叠加 [0~100] (可选属性 默认: 100)
                        "gM": 100, // 绿色叠加 [0~100] (可选属性 默认: 100)
                        "bM": 100, // 蓝色叠加 [0~100] (可选属性 默认: 100)
                        "aO": 0.00, // 透明偏移 [-255~255] (可选属性 默认: 0)
                        "rO": 0.00, // 红色偏移 [-255~255] (可选属性 默认: 0)
                        "gO": 0.00, // 绿色偏移 [-255~255] (可选属性 默认: 0)
                        "bO": 0.00, // 蓝色偏移 [-255~255] (可选属性 默认: 0)
                    },
                    // 播放到当前帧时，执行的动作行为列表 (可选属性 默认: null)
                    "actions": [
                        // 子骨架播放指定动画 (仅对显示对象为骨架时有效)
                        ["gotoAndPlay", "animationName"],
                        // 子骨架播放指定动画并停止 (仅对显示对象为骨架时有效)
                        ["gotoAndStop", "animationName"],
                    ]
                }],
            }],
            // 此动画包含的自由变形时间轴列表 (可选属性 默认: null)
            "ffd": [{
                // 时间轴名称 (与插槽名称对应)
                "name": "slotName",
                // 此时间轴包含的关键帧列表 (可选属性 默认: null)
                "frame": [{
                    // 帧长度 (可选属性 默认: 1)
                    "duration": 1,
                    // 补间缓动 [0.00: 线性, null: 无缓动] (可选属性 默认: null)
                    "tweenEasing": 0.00,
                    // 补间缓动曲线控制点列表 [x1, y1, x2, y2, ...: 贝塞尔曲线] (可选属性 默认: null)
                    "curve": [0.00, 0.00, 1.00, 1.00],
                    // 顶点坐标列表索引偏移 (可选属性 默认: 0)
                    "offset": 0,
                    // 顶点坐标列表 [x0, y0, x1, y1, ...: 相对位移] (可选属性 默认: null)
                    "vertices": [0.01, 0.01]
                }]
            }]
        }]
    }]
}


o向阳花o
关注
Cocos Creator 骨骼动画 （龙骨DragonBones）
gamedaybyday
05-31 8376
版本2.3.4 参考： cocos教程：DragonBones骨骼动画资源 龙骨动画 将龙骨动画放到cocos的assets下。我这里龙骨动画是Dragonbones导出的二进制动画。 直接拖拽龙骨动画(骨头图标)到舞台 设置骨骼动画的属性，DragonAltasAsset图片，Animation动作，PlayTime循环播放等 代...
《菜鸟教程》丨2D骨骼动画工具DragonBones的使用教程
u010392459的专栏
10-23 8312
怎样用更少的美术成本创造出更生动的动画效果？今天就为大家介绍一套开源的2D骨骼动画框架和工具——DragonBones，它包含了桌面骨骼动画制作工具DragonBonesPro和一套多语言版本的DragonBones骨骼动画库。 下面为大家介绍DragonBones的常用术语和使用方法。 一、DragonBones 2D骨骼动画中的常用术语 骨架：骨架Armature,是2D骨骼动画中最...
骨骼动画大全_bip文件_3dmax骨骼动画_3D动画
04-22
bip文件，亲测可用。骨骼动画。骨骼动画大全_bip文件_3dmax骨骼动画_3D动画
spi动画总结
最新发布
weixin_43575775的博客
02-20 3529
fyge文档 fyge在线测试平台：FYGE PlaygroundSpine: Spine | fygespine动画生成方法(什么是spine动画？ - 知乎)spine动画就是通过spine软件制作出来的2d骨骼动画。简单的说就是，提供一张图片，给这张图片分区设置骨骼数据，然后骨骼动起来，达到动画的效果。方式一：通过脚本github仓库 https://github.com/EsotericSoftware 下载ps处理脚本如：https://github.com/EsotericSoftware/sp
龙骨放到egert上位置偏移问题
四楼的博客
02-22 1343
昨天放龙骨到egert上时出现了一个问题，我放的坐标是x=0，y=0，可是看不到龙骨显示，起初以为是导入龙骨不成功。 后来调整了x和y，才看到了龙骨显示。 主要原因是龙骨的瞄点位置的问题，新建龙骨的时候，要是想以左上角为瞄点，那么就要像下图一样放置龙骨。
DragonBones学习记录
???
05-25 2365
骨骼动画学习记录 用的是 dragonBones IK 和 Fk 正向运动学和反向运动学
龙骨动画回调
qq_26643779的博客
05-14 1609
this.dragonBone.on(dragonBones.EventObject.COMPLETE, (event)=>{ cc.log("complete"); },this) this.dragonBone.once(dragonBones.EventObject.COMPLETE, (event)=>{ cc.log("complete"); ...
android 骨骼动画教程,使用DragonBones开发FLASH骨骼动画入门教程
weixin_42376589的博客
05-25 1378
转载自：http://dragonbones.github.io/getting_started_cn.htmlDragonBones快速入门指南DragonBones快速入门指南采用知识共享协议3.0版本。目录DragonBones是什么？DragonBones是一套开源的 2D骨骼动画框架和工具，它包含了基于Flash Pro的骨骼动画编辑面板DragonBonesDesignPanel及骨骼...
骨骼动画word格式，详细介绍。
04-15
总之，骨骼动画和蒙皮动画是3D图形中的核心概念，而.x文件格式为存储这些动画提供了便利。通过理解.x文件的模板系统和数据结构，开发者可以有效地导入、操作和展示3D模型的骨骼动画，从而实现丰富的视觉效果。在实际...
利用Dragonbones实现角色骨骼动画控制
Dragonbones（龙骨）是一款2D骨骼动画制作和渲染工具，可以用于游戏、应用和网页等项目中，提供了丰富的动画制作和控制功能。 ## 1.2 骨骼动画控制的概念 骨骼动画是指通过在角色身上进行骨骼绑定，通过控制骨骼的...
Demo使用骨骼动画和物理引擎制作摩天轮动画cocosCreator.zip
11-27
在Cocos Creator中，我们可以通过内置的Spine或DragonBones插件来实现骨骼动画。这种技术相比传统的逐帧动画，可以大大减少资源占用，提高性能，并允许更流畅的动画效果。 接下来，我们来看物理引擎。物理引擎模拟...
Dragonbones动画补间与关键帧的运用
DragonBones是一种2D骨骼动画工具，它主要用于游戏、应用程序和广告中的动画制作。它基于Adobe Flash/Animate的设计理念，结合了空间变换和时间变换，可以实现复杂的动画效果。DragonBones可以导出多种格式，如JSON...
DragonBones骨骼动画事件系统详解
流子的专栏
07-17 4463
DragonBones 本身并不实现事件派发，动画事件和自定义事件的派发与接收都依赖引擎的事件系统，这样可以使得 DragonBones 的事件融合到所支持的各个引擎的事件系统之中。 在 Egret 中，DragonBones 是依赖 EgretArmatureDisplay 来派发和接收事件的，所以通过对其进行事件监听，就可以收到所有来自骨架的动画事件和自定义事件（更多关于 Egret 的事件...
DragonBones导出骨骼动画供cocos2d-x使用
GrimRaider的专栏
12-17 5906
先下载cocos2d-x对应的  DragonBones，原版不能用。 按网上教程说的装完DragonBones插件到FlashPro上之后，打开软件发现窗口->其他面板里没有SkeletonDesignPanel这个选项，再找， “有朋友无法在 Adobe Extension Manager 中正常安装 zxp 的面板插件，具体原因还不太清楚，首先是需要最低 Flash Pro CS
DragonBones快速入门指南
anderberte
07-12 5874
DragonBones快速入门指南采用知识共享协议3.0版本。 http://dragonbones.github.com/getting_started_cn.html#s4 目录 DragonBones是什么？ 功能特色 下载与安装设置 教程源码下载 教程1：针对设计师－使用DragonBones在Flash Pro中创建骨骼动画 教程2：针对程序开发－
laya龙骨换装_DragonBones 5.3 新特性详解
weixin_35545345的博客
01-17 685
本帖最后由 superlancelot 于 2017-7-12 13:40 编辑DragonBones 5.3新特性详解本次DragonBones5.3 相对上一个版本5.2提供了很多新增功能和用户体验提升。具体包括：1. 新增序列帧元件类型，更方便更直观的制作序列帧动画。2. 支持导出二进制格式，H5运行库性能大幅提升。3. 为元件增加画布属性，可以设置元件的边框和...
Cocos Studio 生成的骨骼动画数据文件过大的傻瓜解决办法
神马梦想
10-10 477
初入Cocos，在做项目的过程中，发现使用CocosStudio导出的骨骼动画数据文件，也就是.ExportJson文件竟然比图片还要大。   其实有个简单的办法，在不修改程序的前提下，将该文件中的所有空格和换行全部删除。你就会发现体积减小到了原来的三分之一。什么？你不知道怎么快速删除空格和换行？好吧。。。我就大发慈悲的告诉你，使用增强的文本编辑器一般都有这个功能，例如NotePad++。按...
DragonBones Pro 制作帧动画 导入Egret播放使用
五千年的后羿
05-26 5029
龙骨导出帧动画mc  导入白鹭引擎使用先使用龙骨制作动画帧然后导出
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值