`
china34420
  • 浏览: 136428 次
  • 性别: 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缓动程序是ActionScript 3.0中用于实现动态动画效果的一种技术,主要通过缓动函数(Tweening Function)来平滑地改变对象的属性值,如位置、透明度等,使得动画过渡更为自然流畅。在这个场景中提到的" ...

    javascript中的缓动效果实现程序.docx

    此外,还可以利用Robert Penner的缓动公式库(Easing Functions)来快速获取各种预定义的缓动效果,如`easeInQuad`、`easeOutQuad`等,进一步增强你的JavaScript动画体验。 总的来说,JavaScript中的缓动效果是通过...

    flash+as3.0常用公式

    缓动公式用于创建平滑过渡效果,在Flash动画中非常有用。常见的缓动方式有线性缓动、弹簧效应缓动等。 - **线性缓动**:线性缓动是最简单的缓动方式,通过将目标位置与当前位置差值乘以一个系数(即缓动因子),...

    AS3中常用到的公式

    - 在平移动画中,缓动公式常用来创建平滑过渡。例如,`sprite.x += (targetX - sprite.x) * easing` 和 `sprite.y += (targetY - sprite.y) * easing`,其中`easing`是缓动系数,控制物体移动的速度。 5. **弹性...

    android 缓动函数库

    缓动函数的基本原理是通过数学公式控制动画的时间变化,使得动画在开始、结束或者过程中有不同的速度。在http://easings.net/zh-cn这个网站上,你可以找到许多常见的缓动函数示例,如线性、ease-in、ease-out、ease-...

    易语言实现exdui缓动特效

    易语言可能没有内置的缓动函数库,但可以通过数学公式自行实现。常见的缓动函数有线性(t)、easeIn(t^2)、easeOut(1-t^2)、easeInOut((1-t)^2 * t)等。 3. **时间更新**:在程序的主循环中,不断更新当前时间,...

    JS 简单的缓动效果

    在JavaScript中,缓动效果(Tweening)是一种常见的动画技术,它通过平滑地改变对象的属性(如位置、大小、颜色等)来创建出流畅的过渡效果。这种技术广泛应用于网页、游戏以及各种交互式应用程序中。在这个场景中,...

    缓动函数(EaseAction)曲线一览图

    cocos2d 里面的 CCEaseAction:CCEaseSineIn, CCEaseBackIn, CCEaseBounceIn, ....各种缓动样式都在这里面,方便直观查看他们的样式

    AS3.0常用公式大全.txt

    缓动公式通常用于创建平滑过渡效果,使物体移动更加自然。 - **基本缓动公式**: \[ \text{物体位置} = \text{当前位置} + (\text{目标位置} - \text{当前位置}) \times \text{缓动系数} \] 其中,`缓动系数`是...

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

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

    javascript中的缓动效果实现程序

    一个简单的缓动公式可以表示为: ```javascript X = c * t / d + b ``` 其中: - `X` 是当前变化量。 - `c` 是变化的总距离。 - `t` 是当前时间。 - `d` 是总持续时间。 - `b` 是初始位置。 另一个稍复杂的例子,...

    tweenlite SWC API DEMO CODE

    它们提供了强大的功能,包括但不限于时间线控制、复杂的缓动公式、目标对象的属性变化以及对序列化动画的支持。 缓动(Tweening)是动画领域的一个术语,指的是在两个关键帧之间平滑地改变对象属性的过程。...

    JS缓动Tween

    更高级的缓动函数可能涉及数学公式,如二次方、三次方或指数函数,以产生不同的速度变化效果。例如,Power2缓动函数(ease-in-out)的实现可能如下: ```javascript function Power2EaseInOut(t) { if (t ) { ...

    JS实现物体碰撞缓动效果

    在JavaScript编程中,物体碰撞缓动效果是一种常见的动画技术,常用于游戏开发或者交互式网页设计。缓动效果使得物体在碰撞后的运动更加自然和逼真,而不是简单地停止或反弹。这种效果通过数学公式来模拟物理世界中的...

    com.greensock.TweenLite

    3. **高级特性**:TweenLite提供了诸如链式调用、延迟、回调函数、插值函数、 easing equations(缓动公式)等功能。这些特性使开发者能够创建出复杂的时间线结构和交互式动画。 4. **扩展性**:除了基本的...

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

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

    js实现带缓动动画的导航栏效果

    最后,autoCaution函数是缓动动画的核心,它使用一个简单的缓动公式((target - leader) / 10)来逐渐接近目标位置。这个公式使得动画看起来更加自然,而不是瞬间移动。 总之,这个示例展示了如何用JavaScript和CSS...

    javascript 45种缓动效果 非常酷

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

    raf-scroll-to:通过二次进出缓动和requestAnimationFrame平滑滚动到元素

    它利用了二次进出缓动公式(quadratic ease-in-out)和`requestAnimationFrame`技术,为用户提供流畅、自然的滚动体验。二次进出缓动是一种常见的动画缓动函数,它在动画开始和结束时速度较慢,而在中间阶段速度较快...

Global site tag (gtag.js) - Google Analytics