`
china34420
  • 浏览: 134124 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

缓动公式

阅读更多
公式总结

简单缓动,长形:
var dx:Number = targetX - sprite.x; 
var dy:Number = targetY - sprite.y; 
vx = dx * easing;
vy = dy * easing; 
sprite.x += vx; 
sprite.y += vy;


简单缓动,中形:
vx = (targetX - sprite.x) * easing; 
vy = (targetY - sprite.y) * easing; 
sprite.x += vx; 
sprite.y += vy;


简单缓动,短形:
sprite.x += (targetX - sprite.x) * easing; 
sprite.y += (targetY - sprite.y) * easing;


简单弹性,长形:
var ax:Number = (targetX - sprite.x) * spring; 
var ay:Number = (targetY - sprite.y) * spring; 
vx += ax; 
vy += ay; 
vx *= friction; 
vy *= friction; 
sprite.x += vx; 
sprite.y += vy;


简单弹性,中形:
vx += (targetX - sprite.x) * spring; 
vy += (targetY - sprite.y) * spring;
vx *= friction; 
vy *= friction; 
sprite.x += vx; 
sprite.y += vy;


简单弹性,短形:
vx += (targetX - sprite.x) * spring; 
vy += (targetY - sprite.y) * spring; 
sprite.x += (vx *= friction); 
sprite.y += (vy *= friction);


偏移弹性运动:
var dx:Number = sprite.x - fixedX; 
var dy:Number = sprite.y - fixedY; 
var angle:Number = Math.atan2(dy, dx); 
var targetX:Number = fixedX + Math.cos(angle) * springLength; 
var targetY:Number = fixedX + Math.sin(angle) * springLength;

分享到:
评论

相关推荐

    ofxEasing, openFrameworks的缓动公式插件 替换过时的ofxTween.zip

    ofxEasing, openFrameworks的缓动公式插件 替换过时的ofxTween ofxEasing 用简单的API替换 ofxTween,并且没有外部依赖关系。使用方法:using namespace ofxeasing;map(value, minIn, maxIn, minOut,

    as3.0缓动程序

    as3.0缓动类,多种缓动效果供你选择,是个不错的程序。

    flash+as3.0常用公式

    flash+as3.0常用公式,基本三角函数的计算,计算两点间距离,缓动公式

    AS3中常用到的公式

    as3 中常用到的公式 如 缓动公式 弹性公式。向鼠标旋转(或向某点旋转)。。很多,网上凑集 不下会后悔的哦, 看看吧,绝对实用

    javascript中的缓动效果实现程序

    其实说到缓动,就不得不提Robert Penner,他发明了N多缓动公式,举个例子我还是解释一下吧:  设当前变化量为X,则 t / d = X / c,所以X = c * t / d,然后X + b就可以获得当前属性值再看一个稍复杂的: 这个有...

    Xamarin.Forms应用程序以可视方式展示了受支持的动画缓动。-.NET开发

    还包括Xamarin.Forms中没有“开箱即用”提供的许多自定义缓动公式,以演示创建和使用自定义缓动函数有多么容易。 Easings应用程序这是一个受Easings.net启发的Xamarin.Forms示例应用程序。 在此示例中,我显示了每个...

    curves:一个实验,在 eases npm 包中可视化缓动函数

    一个实验,在 eases npm 包中可视化缓动函数 要查看缓动函数的图形,请在您喜欢/讨厌的浏览器中打开 index.html 文件。 要构建 script.js 文件,请使用 package.json、 npm run build或npm run watch的“脚本”。

    javascript 45种缓动效果 非常酷

    参数 类型 说明 el element 必需,为页面元素 begin number 必需,开始的位置 change number 必需,要移动的距离 duration number 可选,缓动效果持续时间,默认是500ms。...必需,缓动公式,参数为0

    【JavaScript源代码】javascript实现缓动动画效果.docx

    javascript实现缓动动画效果  本文实例为大家分享了javascript实现缓动动画效果的具体代码,供大家参考,具体内容如下 实现思路 1、主要使用setInterval定时函数 2、给需要动画的元素添加绝对定位和偏移量,注意...

    JavaScript实现缓动动画

    缓动必然移动速度会有变化,这里需要用到一个小公式或者说算法? 移动单位 = (指定移动位置边距 – obj.offsetLeft) / 10; var step = (ydpx – obj.offsetLeft) / 10; 有一个细节需要注意下: 移动的步数应该去掉...

    动画中的缓动函数

    该源码实现动画中的缓动函数(easing function)。Easing function(http://easings.net/)就是让物体的运动过程遵循某类数学公式,即定好起点和终点,物体在这个移动过程中,按照某个线性或者非线性的速度来进行...

    [Flash.ActionScript.3.0动画教程

    8.2.4 缓动不仅限于运动 8.2.5 高级缓动 8.3 弹性 8.3.1 一维坐标上的弹性运动 8.3.2 二维弹性运动 8.3.3 向移动目标运动 8.3.4 弹簧在哪? 8.3.5 弹簧链 8.3.6 多目标点弹性运动 8.3.7 目标偏移 8.3.8 弹簧连接多个...

    简易缓动算法开源-易语言

    缓动的特点 1.开始时移动很快,能给人直接的反馈(发出命令后立即相应),交互感强。 2.然后,在逼近过程中,随着移动,速度慢慢变小,移动变慢, 3.最后当无限接近目标(但不会完全到达,是无限趋紧关系)时,速度...

    Flash ActionScript 3.0高级动画教程

    Flex Tween类的缓动函数 5 Tween组合 Tween序列 补间引擎 Tweener的缓动函数 Tweener的tween组合 Tweener的tween序列 TweenLite/TweenGroup TweenLite的缓动函数 TweenLite的tween组合 TweenLite/TweenGroup的序列 ...

    fluentconf2015:动画算法 - 激活用户界面的简单公式

    Talk for Fluent Conference 2015 动画算法 - 激活用户界面的简单公式 ... 通过对插值、缓动和排序的快速介绍,您将学习如何使用少量代码创建大量效果。 我们还将讨论使用 CSS 和 JS 以及当前浏览器功能时的性能考虑。

    Foundation Actionscript 3.0 Animation

    8.2.4缓动不只是应用于运动 8.2.5高级缓动 8.3弹性 8.3.1一维弹性 8.3.2二维弹性 8.3.3移动目标点的弹性 8.3.4弹性在哪儿 8.3.5弹性链 8.3.6多目标点弹性 8.3.7目标偏移 8.3.8使用弹性贴加多个物体 8.4本章重点公式 ...

    cascadiaJS:动画算法-CascadiaJS

    2015年流利会议演讲动画算法-激活用户界面的简单公式简介:动画... 通过对插值,缓动和排序的快速介绍,您将学习如何仅需少量代码就可以创建很多效果。 我们还将讨论使用CSS和JS以及当前浏览器功能时的性能注意事项。

    Web前端开发技术-元素偏移量offset应用.pptx

    缓动动画设计;核心思想: (1)相对于匀速移动,盒子每次移动的步长都是变化的 公式:盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10;模态框拖曳效果;案例展示:; 【案例】模态框拖曳效果 ; 【案例】模态框拖曳...

Global site tag (gtag.js) - Google Analytics