使用Cocos Studio 创建帧动画

1.首先打开Cocos Studio 

2.创建一个项目，创建好后会进入项目界面 

3.删除创建中的图片(删除HelloWorld.png)选择Demo(创建的项目名)，并且单击鼠标右键，并且选择新建文件 
 
4.设置文件名为Node，设置类型为节点，然后单击新建 
 
5.进入节点编辑界面 

6.导入创建动画所需要的资源：选择Demo(创建的项目名)，并且单击鼠标右键，并且选择导入资源 
 
7.选择资源，选择完成后点击选择 
 
8.资源成功导入到Cocos Studio中的效果 
 
9.拖一个精灵到节点中 
 
10.左手按住键盘上的Ctrl键，右手选择创建动画的图片 
 
11.将图片拖着精灵中 
 
12.设置动画的帧数，并且单击确定 
 
13.播放动画 
 
14.将动画放到场景中 

15.选择项目 
 
16.选择发布为Visual Studio工程，并且单击确定 
 
17.操作完成后会自动启动Visual Studio，并且会自动转到创建的项目 
 
18.打开HelloWorldScene.cpp文件，在HelloWorld::init()中添加下面的代码

<span style="color:#000000"><code class="language-c++"><span style="color:#000088 !important">if</span>(<span style="color:#4f4f4f !important">!</span>Layer<span style="color:#006666 !important">::init</span>())  
   {  
       <span style="color:#000088 !important">return</span> <span style="color:#006666 !important">false</span>;  
   }  

<span style="color:#880000 !important"><em>//加载Cocos Studio编辑好的资源  </em></span>
   auto rootNode <span style="color:#4f4f4f !important">=</span> CSLoader<span style="color:#006666 !important">::createNode</span>(<span style="color:#009900 !important">"MainScene.csb"</span>);  
   addChild(rootNode);  

<span style="color:#880000 !important"><em>//加载动画：   </em></span>
ActionTimeline <span style="color:#4f4f4f !important">*</span>action <span style="color:#4f4f4f !important">=</span> CSLoader<span style="color:#006666 !important">::createTimeline</span>(<span style="color:#009900 !important">"Node.csb"</span>);   
rootNode<span style="color:#4f4f4f !important">-></span>runAction(action);   

<span style="color:#880000 !important"><em>//播放动画  </em></span>
<span style="color:#880000 !important"><em>//从第0帧到25帧循环播放  </em></span>
action<span style="color:#4f4f4f !important">-></span>gotoFrameAndPlay(<span style="color:#006666 !important">0</span>, <span style="color:#006666 !important">25</span>, <span style="color:#006666 !important">true</span>);  

   <span style="color:#000088 !important">return</span> <span style="color:#006666 !important">true</span>;  </code></span>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

程序的执行结果