BoomEditor是支持动画模式的，支持多个动画，可以选择手动播放，自动播放，自动循环播放

首先打开编辑器，打开SampleProject，打开任意bui文件，我们以bui/room/Room.bui为例，打开后，选择project->AnimView，控制台面板就变成了动画编辑面板，如图

其实，这个动画编辑器面板是cocos实现的一个html5界面，其界面本身也是由BoomEditor制作的，相当于一部分功能的自举。

每个bui默认是没有动画的，需要点击动画编辑器中的加号来添加动画，点击后如图：

按钮1是改变动画的名称，按钮2是删除动画，按钮3是选择动画模式，有手动，默认，默认重复，按钮4是在有多个动画的时候选择需要编辑的动画

有了动画后就要添加节点了，在节点树面板中选择需要编辑的节点，右键，选择编辑动画

之后，动画编辑界面就有该节点可以编辑了：

右键点击改节点后面的时间条，就可以添加帧了

添加后选择该帧，就可以看到该帧的属性，并且可以进行属性的修改：

然后我们在另一个时间节点下再添加一个关键帧，如图：

 

添加完成可以拖动时间条进行预览，也可以通过左上角的操作按钮进行预览，按钮1是下一帧，按钮2是停止播放并返回第一帧，按钮3是开始播放，按钮4是上一帧，按钮5是第一帧。

动画编辑完成后可以通过project->NormalView切换到正常编辑模式

对于default和defaultrepeat类型的动画，会在加载场景树的时候自动播放，对于normal类型的动画需要在代码里面手动播放，相关代码调用可以参考Sample-js下的src/entrance/Entrance.js和src/entrance/Login.js以及Sample-lua下的src/entrance/Entrance.lua和src/entrance/Login.lua

注意事项：动画编辑器在其实现的时候占用了12345端口，所以使用动画编辑器的时候请保证12345端口没有被占用