quick-cocos2dx 之transition.execute()的缓动效果
注:本文图片来源(http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。 侵权请告知,即刻删除)
什么是缓动, 缓动(easing) 是指动画效果在运行时被指定速度,使视感更加真实。
比較经典的, 缓慢開始。然后加速称为“缓入”(ease in),
高速開始。然后减速称为“缓出”(ease out)。
两者的结合叫做“缓入缓出”(ease in out)。
quick cocos2dx中的transition.execute() 是一个强大的工具。能够为原本单一的动作加入各种附加特性。
transition.execute() 的參数表格支持下列參数:
delay: 等待多长时间后開始运行动作
easing: 缓动效果的名字及可选的附加參数,效果名字不区分大写和小写
onComplete: 动作运行完毕后要调用的函数
time: 运行动作须要的时间
以下是transition.execute() 支持的的一些缓动及描写叙述:
backIn
反方向移动缓慢,加速度相反
backOut
高速移动到结束。 然后缓慢返回到结束
backInOut
以backIn開始, 以backOut结束
bounce
bounceIn
以弹性缓动效果開始
bounceInOut
開始和结束都是弹性缓动效果
bounceOut
以弹性缓动效果结束
elastic, 附加參数默觉得 0.3
elasticIn, 附加參数默觉得 0.3
elasticInOut, 附加參数默觉得 0.3
elasticOut, 附加參数默觉得 0.3
exponentialIn, 附加參数默觉得 1.0
exponentialInOut, 附加參数默觉得 1.0
exponentialOut, 附加參数默觉得 1.0
In, 附加參数默觉得 1.0
带比例系数的cc.EaseIn 由慢到快- InOut, 附加參数默觉得 1.0
慢快慢 Out, 附加參数默觉得 1.0
带比例系数的cc.EaseIn 由快到慢rateaction, 附加參数默觉得 1.0
使用比例系数缓动actoonsineIn
加速度先慢后快
sineInOut
加速度由快变慢再变快
sineOut
加速度先快后慢
版权声明: 本文为博主原创文章。未经博主同意不得转载。
若本文内容侵权请告知,即刻删除。
如有错误,欢迎指出。 可在下方评论,亦可联系我。
Contact me:
QQ:812123870
e-mail:dxmdxm1992@gmail.com
quick-cocos2dx 之transition.execute()的缓动效果的更多相关文章
- javascript的缓动效果
这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...
- javascript 45种缓动效果BY司徒正美
javascript 45种缓动效果 参数 类型 说明 el element 必需,为页面元素 begin number 必需,开始的位置 change number 必需,要移动的距离 durati ...
- 过渡与动画 - 缓动效果&基于贝塞尔曲线的调速函数
难题 给过渡和动画加上缓动效果是一种常见的手法(比如具有回弹效果的过渡过程)是一种流行的表现手法,可以让界面显得更加生动和真实:在现实世界中,物体A点到B点往往也是不完全匀速的 以纯技术的角度来看,回 ...
- animation js控制 缓动效果
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>缓动 ...
- [ActionScript 3.0] AS3 用于拖动对象时跟随鼠标的缓动效果
package com.fylibs.components.effects { import flash.display.DisplayObject; import flash.events.Even ...
- Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果
Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 此前有Edge爱好者提出一 ...
- 《JavaScript 实战》:Tween 算法及缓动效果
Flash 做动画时会用到 Tween 类,利用它可以做很多动画效果,例如缓动.弹簧等等.我这里要教大家的是怎么利用 Flash 的 Tween 类的算法,来做js的Tween算法,并利用它做一些简单 ...
- 软件项目技术点(1)——Tween算法及缓动效果
AxeSlide软件项目梳理 canvas绘图系列知识点整理 Tween算法及缓动效果 软件里在切换步序时需要有过渡动画效果,从当前位置的画面缓动到目标位置的画面.动画效果可重新查看文章系列第一篇 ...
- WPF中ListBox滚动时的缓动效果
原文:WPF中ListBox滚动时的缓动效果 上周工作中遇到的问题: 常规的ListBox在滚动时总是一格格的移动,感觉上很生硬. 所以想要实现类似Flash中的那种缓动的效果,使ListBox滚动时 ...
随机推荐
- 《Java程序设计》第16周周五:数据库连接 与 随机数的使用
第一部分:实验项目 项目二:数据库初步. 目的:了解Java连接数据库的步骤与方法.以及MySQL数据库的安装与使用. 目标: (1)在机房安装上MySQL数据库. 安装成功 MySQL数据库 (2) ...
- 坚向的ViewPager,上下滑动的组件,android上下滑动 VerticalPager
package com.zhulin.android.atools; import android.content.Context; import android.util.AttributeSet; ...
- oc6--类方法
// // main.m // 第一个OC类-类方法 #import <Foundation/Foundation.h> // 1.编写类的声明 @interface Iphone : N ...
- 开源DDos 机器学习思路求解的一些源码——TODO 待分析
一些源码:https://github.com/elbaulp/MafDet System that aims to detect and mitigate DDoS attacks using Ma ...
- Head First 设计模式 —— 装饰器模式
1. 装饰器模式与继承 与装饰器模式相比,继承更容易造成类爆炸: 装饰器模式:利用组合取代继承:
- .net几种文件下载的方法
.Net文件下载方式.... 之前在写上传文件.下载文件的时候,发现Response对象里面有好几种下载文件的方式,之后自己亲自实践了这几种方法,记录下以便以后复习... WriteFile文件下载 ...
- html中常见的小问题(1)
问题:自适应高度的块级元素内添加图片后,其高度会比图片高度多出一块 简单代码如下: <!doctype html> <html> <head> <style& ...
- 模拟试题C
模拟试题C 一.单项选择题(2′*14 =28′) 1.双线性法向插值法(Phong Shading)的优点是( ) A)法向计算精确 B)高光域准确 C)对光源和视点没有限制 D)速度较快 2.用编 ...
- 关于ZBrush中Subtool的小秘密
想问大家一个问题,你们刚开始学习ZBrush 3D图形绘制软件的时候,是不是特别迷茫?有没有人和小编一样,一直以为ZBrush中的Subtools就相当于Layers呢? 经过长时间的实践之后,小编才 ...
- 可横向滑动的vue tab组件
示例 前端使用技术:框架->vue 组件>ly-tab一个用于移动端的可触摸滑动具有回弹效果的可复用Vue组件 ly-tab 介绍地址 ly-tab npm地址 使用步骤 1,引入包,定义 ...