Sencha Animator

背景1： sencha是移动设备Web开发的框架，个人非常推荐。结合PhoneGap，轻松发布成为各个平台的Native程序，效果不错。 该框架在功能完备性适中，提供基于MVC的开发模式。运行效率也居中。 在功能上，sencha>jo 在性能上sencha>jquerymobile 背景2： 下拉更新 pull refresh 是一个比较酷的功能，尤其在手机界面上能带来不错的用户体验。 实现后的效

Ext JS 4 SenchaCon 2010: Ext JS 4 Architecture 架构谈 带你了解新架构的精妙之处 Ext JS 4 has a thoroughly revamped architecture that enables faster performance and more developer flexibility. In this session, we will

NavigationView 是官方根据Container控件扩展而来的，由一个导航栏和一个card组成，具备导航和返回时自动销毁当前界面的功能，非常适合新手使用。 其中导航栏的代码如下：   1 Ext.define('Ext.navigation.Bar', { 2 extend: 'Ext.TitleBar', 3 requires: ['Ext.Button',

  Sencha 和 Sencha Touch 简介 Sencha 的前身是 ExtJS, 2010 年 ExtJS 改名为 Sencha。 ExtJS 是一个基于 JavaScript 编写的 Ajax 框架，它功能强大，界面美观，是基于 Ajax，DHTML，DOM 等技术开发 web 应用的一个非常成熟的框架。 Sencha Touch 是 ExtJS 整合 JQTouch、Raphaël 

扩展视频讲解：http://www.cnblogs.com/mlzs/p/3652094.html 官方NavigationView详解：http://www.cnblogs.com/mlzs/p/3550011.html 官方Container详解：http://www.cnblogs.com/mlzs/p/3548720.html 示例源码参见：https://bitbucket.org/mo

我们刚刚了解了属性帧的操作，现在来看看具体怎么创建一个帧动画。 为节点新增 Sprite 组件 首先我们需要让节点能正常显示纹理，所以需要为节点增加Sprite组件。 选中节点后在属性检查器中通过 添加组件 按钮，选择 UI -> Render -> Sprite。 在属性列表中添加 Sprite.spriteFrame 节点可以正常显示纹理后，还需要为纹理创建一个属性轨道。 在动画编辑器属性列表

本章将介绍 Cocos Creator 3D 的动画系统，除了标准的位移、旋转、缩放动画和序列帧动画以外，这套动画系统还支持任意组件属性和用户自定义属性的驱动，再加上可任意编辑的时间曲线和创新的移动轨迹编辑功能，能够让内容生产人员不写一行代码就制作出细腻的各种动态效果。 注意：Cocos Creator 3D 自带的动画编辑器适用于制作一些不太复杂的、需要与逻辑进行联动的动画，例如 UI 动画。

我们刚刚已经在节点上挂载了动画剪辑，现在我们可以在动画剪辑中创建一些动画曲线了。 我们首先了解一下动画属性，动画属性包括了节点自有的 position、rotation 等属性，也包含了组件 Component 中自定义的属性。 组件包含的属性前会加上组件的名字，比如 cc.Sprite.spriteFrame。 比如下图的 position 那条就是属性轨道，而对应的蓝色菱形就是关键帧。 添加一

我们已经创建了基本的动画了。 但有时候我们会需要在两帧之间实现 EaseInOut 等缓动效果，那么在动画编辑器中怎么实现呢？ 我们首先需要在一条轨道上创建两个不相等的帧，比如在 position 上创建两帧，从 0,0 到 100,100。 这时候两帧之间会出现一根连接线（连接关键帧之间的蓝色线段），双击连接线，可以打开曲线编辑器。 曲线编辑器打开时，如果当前的动画曲线数据是预设里的，左边的预设

在节点上挂载了动画剪辑后，点击进入动画编辑模式就可以进入动画编辑模式了，之后便可以在动画剪辑中创建一些动画帧数据。 首先需要了解一下动画属性，动画属性包括了节点自有的 position、rotation 等属性，也包含了组件 Component 中自定义的属性。 组件包含的属性前会加上组件的名字，比如 Sprite.spriteFrame。 属性轨道上对应的蓝色棱形就是关键帧。 Animation

编辑动画曲线 Unity 编辑器提供了几种不同的功能和窗口，用 曲线 来显示和编辑数据。这些用来查看和编辑的方法大体上相同，但是也有一些区别。 动画视图 使用曲线来显示和编辑 动画剪辑 中动画属性随时间变化的值。 动画视图 脚步组件可以含有 动画曲线 类型的成员变量，可以用于各种对象。在检视视图中点击这些变量将弹出 曲线编辑器。 曲线编辑器。 声源 组件使用曲线来控制声源的衰减量（随着距离变化）和

动画剪辑 动画剪辑是 Unity 动画系统的核心元素。Unity 不仅支持从外部源导入动画，而且支持在编辑器的动画视图中创建和编辑动画(剪辑)。 从外部源导入动画 从外部源导入的动画剪辑可能包括： 动作捕捉工作室捕捉的人形动画 设计师通过外部 3D 程序（例如 3D Max 或 Maya）创建的动画 第三方的动画集合库（例如来自 Unity Asset store） 导入的单个时间线等分切割为多个

我们刚刚了解了属性帧的操作，现在来看看具体怎么创建一个帧动画。 为节点新增 Sprite 组件 首先我们需要让节点正常显示纹理，所以需要为节点添加 Sprite 组件。在 层级管理器 中选中节点，然后点击 属性检查器 最下方的 添加组件 按钮，选择 渲染组件 -> Sprite，即可添加 Sprite 组件到节点上。 在属性列表中添加 cc.Sprite.spriteFrame 节点可以正常显示纹