Cocos Creator中的动画支持技术

Cocos Creator主要亮点

官方的权威描述是:Cocos Creator是以内容创作为核心的一体化游戏开发工具,这个引擎基于Cocos2d-x,组件化,脚本化,数据驱动,跨平台发布。
本人使用一段时间后的感觉是,这个工具并不仅仅实现了开发语言由C++向Javascript的转移(当然Cocos Creator是从Cocos2d-js发展而来的),其真正的亮点在于它实现了全面型游戏开发思想的转变。程序员与美工都要熟悉这个工具的整体使用流程,并重点了解二者如何交互。本人感觉在设计之初,通过类似于思维导图软件这样的工具描述了场景中UI界面,特别是复杂的UI界面中UI渲染节点与脚本组件的绑定关系,并专门列举主要脚本组件的功能与作用是至关重要的。否则,对于复杂场景中很多UI节点后面都绑定对应的脚本组件,他们之间是如何交互的,无论让开发者还是美工都感觉压力不小。
至于Cocos Creator的其他亮点使用思路,我将在接下来的文章中逐渐自己的使用体会。本文主要想结合以前基于自己在Cocos2d-x C++开发基础上的一点简单经验,归纳一下Cocos Creator中的动画支持技术。

Cocos Creator内置的动画支持技术

Cocos Creator的动画系统主要在于操作Animation组件。具体体现在:

  • 基于场景中的Sprite节点创建其Animation组件并生成可能的一组动画剪辑文件(*.anim)
  • 支持编辑动画路径曲线,实现相当于FLASH中的路径动画支持
  • 编辑序列帧动画,能够针对各种节点的各种属性添加动画效果(类似于FLASH中的属性动画——功能比较灵活强大)
  • 编辑时间曲线,实现动画过程中的各种流行的缓动效果支持
  • 添加动画事件,对动画中的特定关键帧添加回调函数(例如播放动画到某个特定点时播放声音效果、粒子动画或者其他动画效果)
  • 使用脚本控制动画,控制动画的播放、暂停、停止,及是否循环、播放速度并能够读取动画的各种信息

    骨骼动画

    在当前1.8版本下,Cocos Creator以场景中图像渲染组件的方式提供了对于2D骨骼动画的支持技术。主要是提供对于流行的Spine骨骼动画和DragonBones骨骼动画的简单的动画控制支持。
    另外,Cocos Creator也提供了对于早期的Cocos Studio 3.10(更早的版本好像存在问题)导出的动画文件的支持。当然,由于两者设计技术上存在差异,并不完全支持兼容。
    就本人分析来看,由于Cocos Studio 3.10已经提供了相当不错的骨骼动画支持,所以很有可能在Cocos Creator后继版本中会直接提供对于骨骼动画的内置支持——有兴趣的同学不妨试目以待。

原文地址:http://blog.51cto.com/zhuxianzhong/2060381

时间: 2024-10-13 13:10:32

Cocos Creator中的动画支持技术的相关文章

在 Cocos Creator 中使用 Protobufjs(一)

一. 环境准备 我一直在探索Cocos H5正确的开发姿势,目前做javascript项目已经离不开 nodejs.npm或grunt等脚手架工具了. 1.初始化package.json文件 npm init 当新建好cocos-js或creator项目,在项目根目录使用npm init命令,一路回车,将在当前目录创建package.json文件用于nodejs三方模块的管理.关于npm的使用细节网络上有很多教程,在此不用细说. 2. protobufjs模块 本人最早在cocos2dx 2.x

Cocos Creator 中 _worldMatrix 到底是什么(上)

Cocos Creator 中 _worldMatrix 到底是什么(上) 1. (矩阵)Matrix是什么,有什么用 (矩阵)Matrix一个神奇的存在?在开发过程中对里边各项值的含义是不是抓耳挠腮,百思不得其解?今天我们就来庖丁解牛,拨开它的神秘面纱.由于内容较多,关于Cocos Creator 中的_worldMatrix会分为三篇文章完成.最终形成一个完整的demo 首先我们先看看在Cocos Creator编辑器中,对应图形的变化都有那些属性,如下图 红框的地方分别是位移.旋转.缩放.

cocos creator学习--骨骼动画入门教程

参考:Mark_Liu--cocos creator--DragonBones 骨骼动画入门 1.首先在网上下载dragonBones 的文件解压后有三个文件 2.将文件夹放入cocos creator, 3.新建一个空结点并添加渲染组件dragonBones,新建一个js文件,将js文件和节点绑定.将资源的两个json文件放入dragonBones对应的框中 4.查看SwordsMan的json文件,搜索  gotoAndPlay  ,该关键字对应的就是动作名称 5.打开js文件,写入代码 c

在cocos creator中使用代码给TileMap地图块添加碰撞体

cc.Class({ extends: cc.Component, properties: { tiledMap:cc.TiledMap }, // LIFE-CYCLE CALLBACKS: onLoad () { //开启物理效果 cc.director.getPhysicsManager().enabled = true; cc.director.getPhysicsManager().debugDrawFlags = true; }, start () { let tiledSize =

Cocos Creator 中根据uuid快速定位资源

var BASE64_KEYS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; var BASE64_VALUES = new Array(123); // max char code in base64Keys for (let i = 0; i < 123; ++i) BASE64_VALUES[i] = 64; // fill with placeholder('=') index for (le

Cocos Creator Android打包 apk

这一篇讲的是用 Cocos Creator 编译器打包 Android APP 的时候遇到的一些问题,虽然说打包的过程不是很复杂,但是在其中还是会遇到各式各样的坑. 我们将项目用CCC(Cocos Creator)编译器打包的时候,肯定是要先配置一下本机的开发环境,我这里主要是打包成 Android APP 的时候需要依赖的开发环境. 下载 Java SDK(JDK) 在编译 Android 工程的时候需要在本地电脑上有完整的 Java SDK 工具,如果没有这个工具可以到下面的地址下载: Ja

COCOS CREATOR(TS)之setTimeOut

一 : 前景 有很多前端可能觉得setTimeOut不值得一讲,But,在不同的平台setTimeOut的执行是有一定的规则需要遵守,有时也叫迫于无奈.比如,前几日的开发中发现一个非常奇怪的现象 , 就是setOutTime在Web / 微信IDE端都是可以起作用的 , 但是一旦到了手机微信中运行,好似就不那么灵光了.今日抽了点时间好好测试了一番 , 内容如下: 二 : 测试 Ⅰ,测试环境如下(使用TS代码)Ⅱ,代码1,测试思想分别给出有参数(setTimeOut自带传参和setTimeOut不

麒麟子Cocos Creator实用技巧一:如何正确地显示微信头像

不管是游戏App,还是H5,又或者是微信小游戏.但凡接入了微信登录的应用,都可能需要显示微信头像. 在Cocos Creator中,我们常见的显示方法像下面这样 var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwYAuNqZ5sXMBC4c8iacaHDf8RA/132'; cc.loader.load({url:he

cocos creator动画编辑器学习

动画是一个渐变的过程,怎么样在cocos creator的动画编辑器中实现这个过程. 一.层级关系: 1节点.2动画(Animation).3动画剪辑(Animation Clip).4属性轨道.5动画帧 a.  动画(Animation)是节点上的一个组件. b.  动画剪辑(Animation Clip)就是一份动画的声明数据,将它挂载到动画(Animation)上作为一个属性进行设置. c.  动画剪辑(Animation Clip)上可添加多个属性轨道来控制不同属性. d.  在一条属性