使用Cocos Studio 创建帧动画《1》

我在前面的博客中介绍了使用Cocos Studio创建一个简单的工程和Cocos Studio工程分析

这篇博客将介绍使用Cocos Studio 创建帧动画，在以前我们通常是通过代码创建动画，今天介绍使用Cocos Studio 创建动画，不需要写一行代码，这样就可以提高开发效率，使用代码创建动画的方法，可以参考我的博客Cocos2d-X使用CCAnimation创建动画

 

首先打开Cocos Studio

 

创建一个项目，创建好后会进入项目界面，创建项目的方法可以参考我的博客使用Cocos Studio创建一个简单的工程

 

删除创建中的图片(删除HelloWorld.png)选择Demo(创建的项目名)，并且单击鼠标右键，并且选择新建文件

 

设置文件名为Node，设置类型为节点，然后单击新建

 

进入节点编辑界面

 

导入创建动画所需要的资源：选择Demo(创建的项目名)，并且单击鼠标右键，并且选择导入资源

 

 选择资源，选择完成后点击选择

 

资源成功导入到Cocos Studio中的效果

 

拖一个精灵到节点中

 

左手按住键盘上的Ctrl键，右手选择创建动画的图片

 

将图片拖着精灵中

 

设置动画的帧数，并且单击确定

 

播放动画

 

将动画放到场景中

 

选择项目

 

选择发布项目

 

选择发布为Visual Studio工程，并且单击确定

 

操作完成后会自动启动Visual  Studio，并且会自动转到创建的项目

 

打开HelloWorldScene.cpp文件，在HelloWorld::init()中添加下面的代码

  if(!Layer::init())
    {
        return false;
    }
    
	//加载Cocos Studio编辑好的资源
    auto rootNode = CSLoader::createNode("MainScene.csb");
    addChild(rootNode);

	//加载动画： 
	ActionTimeline *action = CSLoader::createTimeline("Node.csb"); 
	rootNode->runAction(action); 
  
	//播放动画
	//从第0帧到25帧循环播放
	action->gotoFrameAndPlay(0, 25, true);

    return true;

 

程序的执行结果

 

单击此处下载完整的项目