开源可视化有限状态机编辑器

用过Unity开发的工程师们一定对Mecanim的方便快捷印象深刻，用过之后再也不想回到刀耕火种的时代了。

目前在做egret项目，首先就动手做了一个仿制Mecanim的FSM编辑器。工具做得越早，受益越多。

仓库地址：https://github.com/wonderyue/Animator，欢迎star和fork。

---

 

简要说明：

State：状态。成员变量中包含Transition数组。

Transition：状态跳转。成员变量包含from（初始状态）和to（跳转状态），以及condition数组。

Condition：跳转条件。成员变量包含Parameter，和logic（因Parameter而异，如number型逻辑包括">","<","=","≠"），value（如bool型value可为true或false）

Parameter：参数。成员变量包含类型（bool，number，trigger，complete，其中complete相当于Mecanim中的exitTime，代表跳转条件为动画播放结束）

 

---

 

 

示例：

 

---

 

导出json文件格式：

大概就是下面这样事儿的。为了方便理解，只与编辑器有关的字段我没有给出，如果是用在动画以外的情景使用状态机，animation字段也可以忽视。

{
    "state": [
        {
            "state": "idle",
            "transition": [
                {
                    "condition": [
                        {
                            "value": 1,
                            "logic": 0,
                            "id": "run",
                            "type": 1
                        }
                    ],
                    "nextState": "run"
                }
            ],
            "default": true,
            "animation": "idle_animation"
        },
        {
            "state": "run",
            "transition": [
                {
                    "condition": [
                        {
                            "value": 0,
                            "logic": 0,
                            "id": "run",
                            "type": 1
                        }
                    ],
                    "nextState": "idle"
                }
            ],
            "animation": "run_animation"
        }
    ]
}

 

后续再给出demo和针对egret的dragonBones的一些便捷用法，这篇先到这里吧：）