使用Cocos Studio 创建帧动画

1.首先打开Cocos Studio
使用Cocos Studio 创建帧动画_第1张图片
2.创建一个项目,创建好后会进入项目界面
使用Cocos Studio 创建帧动画_第2张图片
3.删除创建中的图片(删除HelloWorld.png)选择Demo(创建的项目名),并且单击鼠标右键,并且选择新建文件
使用Cocos Studio 创建帧动画_第3张图片
4.设置文件名为Node,设置类型为节点,然后单击新建
使用Cocos Studio 创建帧动画_第4张图片
5.进入节点编辑界面
使用Cocos Studio 创建帧动画_第5张图片
6.导入创建动画所需要的资源:选择Demo(创建的项目名),并且单击鼠标右键,并且选择导入资源
使用Cocos Studio 创建帧动画_第6张图片
7.选择资源,选择完成后点击选择
使用Cocos Studio 创建帧动画_第7张图片
8.资源成功导入到Cocos Studio中的效果
使用Cocos Studio 创建帧动画_第8张图片
9.拖一个精灵到节点中
使用Cocos Studio 创建帧动画_第9张图片
10.左手按住键盘上的Ctrl键,右手选择创建动画的图片
使用Cocos Studio 创建帧动画_第10张图片
11.将图片拖着精灵中
使用Cocos Studio 创建帧动画_第11张图片
12.设置动画的帧数,并且单击确定
使用Cocos Studio 创建帧动画_第12张图片
13.播放动画
使用Cocos Studio 创建帧动画_第13张图片
14.将动画放到场景中
使用Cocos Studio 创建帧动画_第14张图片
15.选择项目
这里写图片描述
16.选择发布为Visual Studio工程,并且单击确定
使用Cocos Studio 创建帧动画_第15张图片
17.操作完成后会自动启动Visual Studio,并且会自动转到创建的项目
使用Cocos Studio 创建帧动画_第16张图片
18.打开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;  

程序的执行结果
使用Cocos Studio 创建帧动画_第17张图片

转载于:https://www.cnblogs.com/laohaozi/p/8266555.html

你可能感兴趣的:(使用Cocos Studio 创建帧动画)