使用 setInterval 使用 requestAnimationFrame 结构化动画 时序函数 n 次幂 圆弧 反弹：弓箭射击 弹跳 伸缩动画 逆转：ease* easeOut easeInOut 更有趣的 “draw” 总结 任务 为弹跳的球设置动画 设置动画使球向右移动 JavaScript 动画可以处理 CSS...

基础动画 全局动画G6 的全局动画指通过图实例进行某些全局操作时，产生的动画效果。例如： easing 函数 元素动画 节点动画 节点上图形的动画 增加带有动画的背景图形 部分图形旋转动画 边动画 圆点运动 虚线运动的效果 线从无到有 交互动画 基础动画 G6 中的动画分为两个层次： 全局动画：全局性的动画，图整体变化时的...

准备 安装 使用 NPM 在浏览器中 使用 参数 canvas width height transparent resolution enableScroll renderType backgroundColor Method resize(width: number, height: number) 准备 所有渲染相关...

Core Animation UIView Animation 简单动画 调节参数 关键帧动画 View 的转换 CALayer Animation 基本动画（CABasicAnimation） KeyPath 属性 关键帧动画（CAKeyframeAnimation） values 和 keyTimes path 组动画（CAAnim...

骨骼动画 预烘焙骨骼动画系统 实时计算骨骼动画系统 两套系统的选择与最佳实践 蒙皮算法 挂点系统 关于动态 Instancing 批量蒙皮模型组件 骨骼动画 骨骼动画是一种常见但类型特殊的动画，我们提供了 预烘焙骨骼动画 和 实时计算骨骼动画 两套系统，针对不同方向的需求，分别优化。这两套系统的唯一开关就是 SkeletalAnim...

关于 Cocos Creator 产品定位 工作流程说明 创建或导入资源 搭建场景 添加组件脚本，实现交互功能 一键预览和发布 功能特性 架构特色 使用说明 关于 Cocos Creator Q ：Cocos Creator 是游戏引擎吗？A ：它是一个完整的游戏开发解决方案，包含了轻量高效的跨平台游戏引擎，以及能让你更快速开发游戏...

笔刷设置 高级 纹理 笔画 衰减 Cursor 游标 笔刷设置 半径 此选项控制笔刷的半径，以像素为单位。 F 用于通过拖动鼠标交替改变笔刷大小，然后 LMB (笔刷的纹理应该在圆圈内可见)。然后在使用 F 时键入一个数字并回车，可以数值控制笔刷大小。 压感区大小 如果用的是 绘图板 则可以通过启用压力敏感度图标来影响笔刷大小。 ...

SECTION 5 创建Jeff Broderick的地图动画 在本指南的前面，我提到了一些Jeff Broderick设计并发布到Dribbble的很棒的动画。 如我所说，这里有一些不懂得动画。首先，当地图的图标被点击时，应用的主界面（包括导航栏）同时有不透明度和比例的动画来让其淡出到黑色的背景中并且有一点点缩小。同时，地图伴随着不透明度...

帧范围 时间重映射 帧范围 “帧范围” 面板。 此面板定义动画在帧数方面的持续时间。帧可以除以场景的 帧率 ，以按时间计算动画持续时间。例如，帧速率为 30 的 250 帧动画将持续 8.3 秒。 起始帧、结束帧 为 渲染动画 设置 开始 和 结束 帧。 步长 控制时间轴中每一帧的前进帧数。 时间重映射 用于重新映射动画的长度。...

笔刷设置 高级 纹理 笔画 衰减 Cursor 游标 笔刷设置 半径 此选项控制笔刷的半径，以像素为单位。 F 用于通过拖动鼠标交替改变笔刷大小，然后 LMB (笔刷的纹理应该在圆圈内可见)。然后在使用 F 时键入一个数字并回车，可以数值控制笔刷大小。 压感区大小 如果用的是 绘图板 则可以通过启用压力敏感度图标来影响笔刷大小。 ...