Cocos Creator动画的几种创建方式

最新推荐文章于 2024-03-29 17:09:23 发布
最新推荐文章于 2024-03-29 17:09:23 发布
阅读量1.7w 收藏 13
点赞数 1
分类专栏： Cocos Creator JavaScript 文章标签： 动态创建Animation  Cocos Creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tom_and_jerry_zhao/article/details/80195523
版权
本文介绍了Cocos Creator中四种创建动画的方法：1) 使用骨骼动画，通过Spine Skeleton组件加载atlats json；2) 利用内置的Animation组件创建帧动画；3) 纯代码方式添加Animation Clip，实现类似2dx的动画效果；4) 应用序列动画，通过runAction结合位移、缩放等动作。详细步骤和示例代码帮助理解各种创建方式。
摘要由CSDN通过智能技术生成


Cocos Creator动画的几种创建方式


1.  骨骼动画：以动画文件格式为altas json为例，在节点上面添加组件Spine Skeleton，将资源为atlas的文件直接拖进Skeleton     Data选项：注意Premultiplied Alpha的预乘参数不用勾选，关掉颜色预乘效果

                                                                


2. Cocos Creater添加帧动画Animation组件后，则在动画编辑器里面可以看到新建Animation Clip的选项，创建Clip,右键+号添加cc sprite frame, 直接将帧动画资源拖进下面时间帧里面，具体操作参考官方介绍视频。

                                                                    


3. 纯代码添加Animation Clip动画，类似于2dx, 缓存精灵帧，运行Animate，下面例子步骤是创建节点，节点添加精灵纹理，动画组件，加入帧动画，播放动画过程


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  木的感情的杀手
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
cocos2dx 创建动画的几种方式

				
			

			

				

					strivero的博客
				

				

					03-21
					
					8492
					
				

			

		

		

			
				
使用大图创建帧动画// 首先将大图添加到缓存
SpriteFrameCache::getInstance()->addSpriteFramesWithFile(大图名.plist)；//  保存动画的数组 
 Vector{SpriteFrame*> sf2;  (是一对尖括号)// 通过名字的方式从缓存中查找到图片并创建精灵帧 
sf2.pushBack(SpriteFrameCache::get

			
		

	



                

              
                



	

		

			

				
					
关于cocos creator 编程思路

					
最新发布

				
			

			

				

					huitu312的博客
				

				

					09-01
					
					1173
					
				

			

		

		

			
				
注意锚点的取值，当锚点的取值为（0，0）时表示锚点在节点的左下角，锚点的取值为（1，1）时表示锚点在节点的右上角，锚点的取值为（0.5，0.5）时表示锚点在节点的中心，以此类推。中背景图的左边（两端有蓝点的白色线框），按住并向左拖拽直到背景图的左边超出表示设计分辨率的紫色线框，然后再用同样的方法向右拖拽背景图的右边。默认状态下，任何节点的锚点都会在节点的中心，也就是说该节点中心点所在的位置就是该节点的位置。中，显示在下方的节点的渲染顺序是在上方节点的后面，也就是说下方的节点是在上方节点之后绘制的。

			
		

	



                


  
              

                


	

		

			

				
					
cocos creator 手动创建动画

				
			

			

				

					caideb的博客
				

				

					05-07
					
					620
					
				

			

		

		

			
				
cc.Class({
    extends: cc.Component,

    properties: {
        resource:{
            default : null,
            type : cc.SpriteFrame,
        },
    },

    onLoad: function () {
		
		var nodeTe...

			
		

	





	

		

			

				
					
【CocosCreator入门】Animation动画的制作和使用（下）

				
			

			

				

					bark2003的专栏
				

				

					01-17
					
					1万+
					
				

			

		

		

			
				
原文地址：https://www.jianshu.com/p/9874f917602d

上一篇我们学习了怎么制作一个AnimationClip，现在我们来学习如何使用它。

为了演示一个完整的流程，我们来重新创建一个节点：bomb（炸弹），用他来播放上次制作的爆炸的动画。

1. 创建一个节点，并命名为bomb：






为了演示这次的内容，我们把上次的blast先

			
		

	



		

			
		



	

		

			

				
					
三种方式，浅谈 Cocos Creator 的动画添加

				
			

			

				

					北桥苏的博客
				

				

					03-18
					
					1222
					
				

			

		

		

			
				
虽然 Cocos 的官方文档对动画系统做了较详细的介绍，但是对于刚接触的同学（比如我）来说还是不太友好。尽管如此，我就按文档加社区帖子一起实践了一下。为了方便忘记后能快速捡起，所以就用我的方式结合使用场景，简单介绍一下 Cocos Creator 动画添加的三种方式。

			
		

	





	

		

			

				
					
【CocosCreator入门】Animation动画的制作和使用（上）

					
热门推荐

				
			

			

				

					bark2003的专栏
				

				

					01-17
					
					3万+
					
				

			

		

		

			
				
原文地址：https://www.jianshu.com/p/7d9574f179eb

在CocosCreator中，想要播放序列帧动画，通常使用Animation来完成。

什么是序列帧动画？

如下图：









在游戏中，把上面这组图一张一张地播放，最后会形成动画的效果，如下：






上面的素材可以在这个链接下载：http://p

			
		

	





	

		

			

				
					
Cocos Creator 3.x拖尾效果.zip

				
			

			

				

					09-08
				

			

		

		

			
				
你可以使用Cocos Creator的动画编辑器来创建和管理帧序列。  3. **粒子系统（ParticleSystem）**：Cocos Creator的粒子系统是实现拖尾效果的一种常见方法。通过调整粒子发射器的参数，如发射速度、生命周期、大小...

			
		

	





	

		

			

				
					
【JavaScript源代码】详解CocosCreator中几种计时器的使用方法.docx

				
			

			

				

					12-29
				

			

		

		

			
				
在CocosCreator中，计时器是用于控制游戏逻辑或动画定时触发的关键工具。本文将详细解析三种不同的计时器使用方法：`setTimeout`、`setInterval`以及`schedule`。  1. `setTimeout`  `setTimeout`用于在指定时间...

			
		

	





	

		

			

				
					
cocos creator 黄金矿工项目源码

				
			

			

				

					11-14
				

			

		

		

			
				
Cocos Creator内置的动画编辑器使得创建和管理角色动画变得简单，例如，矿工的摆动、抓取等动作可以通过帧动画实现。  3. **物理引擎**：游戏中的碰撞检测和物理运动通常需要用到物理引擎。Cocos Creator内置了Box2D...

			
		

	





	

		

			

				
					
cocosCreator圣诞节多种动画效果粒子特效Demo.zip

				
			

			

				

					11-29
				

			

		

		

			
				
cocosCreator圣诞节多种动画效果粒子特效Demo，包括了下雪，渐隐渐现，物理引擎，骨骼动画等等简单动画，通俗易懂

			
		

	





	

		

			

				
					
CocosCreator之小小PK帧动画学习

				
			

			

				

					04-05
				

			

		

		

			
				
CocosCreatorV2.0.5 有配套的CSDN博文，新手入门学习必备。

			
		

	





	

		

			

				
					
Cocos2D游戏之旅（五）：三种方法实现技能动画---源代码

				
			

			

				

					08-18
				

			

		

		

			
				
Cocos2D游戏之旅（五）：三种方法实现技能动画 博客讲解地址：
http://blog.csdn.net/qiulanzhu/article/details/47762633

			
		

	





	

		

			

				
					
cocos creator 加载本地图片实现动态预览demo源码

				
			

			

				

					05-04
				

			

		

		

			
				
//最近在研究creator html5开发，喜欢交流的加扣扣群427719099，各种资源各种技术应有尽有

			
		

	





	

		

			

				
					
cocos creator 签到模块

				
			

			

				

					11-02
				

			

		

		

			
				
【cocos creator 签到模块】是游戏开发中常用的一种功能，用于增强用户粘性，提供每日奖励机制。Cocos Creator 是一个强大的2D和2.5D游戏开发框架，它提供了完整的编辑器工具链，支持跨平台的发布。在Cocos Creator...

			
		

	





	

		

			

				
					
cocos creator---动画制作

				
			

			

				

					赳赳万里鲲
				

				

					06-14
					
					5080
					
				

			

		

		

			
				
温馨提示：标准动画为24帧/秒；（即每秒播放画面24张） 
1、创建节点（该节点必须有Sprite组件） 
 
2、在1中创建的节点上添加动画组件，并创建动画保存动画 
 
3、开始编辑动画 
 
4、添加动画属性（添加图片） 


 
5、播放动画

let anim = cc.find('Canvas/test');// 步骤1中创建的节点
anim = anim.getComponent(c...

			
		

	





	

		

			

				
					
4、Cocos Creator 动画系统

				
			

			

				

					qq_38248841的博客
				

				

					03-29
					
					652
					
				

			

		

		

			
				
Animation 组件是节点上的一个组件。Clip 动画剪辑就是一份动画的声明数据，我们将它挂载到 Animation 组件上，就能够将这份动画数据应用到节点上。

			
		

	





	

		

			

				
					
CocosCreator 教你玩转Animation动画(第十四篇)

				
			

			

				

					程序员战胜
				

				

					03-07
					
					8458
					
				

			

		

		

			
				
前言：
Animation动画在游戏中是必不可少的，各种人物的走跑跳飞，以及各种表情动作，反正做游戏Animation动画是必修课了。
这一篇章可以学会制作和控制各种动画，主要从一下几个方面介绍：

动画制作流程；
使用Animation动画编辑器制作动画；
代码控制动画；


一、动画制作的流程
创建节点 ----> 挂载Animation组件 ----> 创建Animation C...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 4

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值