标签: easing

什么是在动画的上下文中缓动函数.似乎dojo,jquery,silverlight,flex和其他UI系统都具有缓和功能的概念.我找不到缓和功能的好解释？任何人都可以解释缓和功能的概念,或指出它们的一个很好的解释,我感兴趣的概念不在框架的具体细节中？

缓和是严格用于位置还是一般的,可以应用于对象的任何属性？

我最近遇到了这个网站http://www.ascensionlatorre.com/home,我喜欢鼠标滚轮滚动的方式 - 缓和非常顺畅.

我一直在搜索谷歌,但我找不到类似的东西.

有没有人对如何使用jQuery复制这种效果有任何建议？

比方说,如果我正在以相等的时间间隔执行Ease-Out然后Ease-In动画,对象从X1坐标到X2坐标的移动超过S步.有人可以建议计算这个运动的X坐标的公式吗？

我喜欢在滚动框中平移图像后创建平滑的减速滚动效果.就像在maps.google.com中平移地图一样.我不确定它是什么类型,但完全相同的行为:当快速移动拖动地图时,它不会立即停止释放鼠标,但它开始减慢速度.

任何想法,组件,链接或样本？

我熟悉jQuery animate函数,我也经历了各种jQuery UI缓动函数.不幸的是,它们都不像我正在寻找的动画效果一样,所以是否可以创建自己的缓动功能？

我正在尝试的动画可以在Apple Mac webopage上看到,顶部是动态加载的产品小部件.初始项目似乎从顶部滑入,然后在着陆后给出反弹效果.是否可以使用自定义jQuery代码重新创建此缓动样式？或者可能建立自己的第三方简单功能？

我已经包含了我正在谈论的屏幕,希望有人可以提供解决方案.提前致谢 :)

我想用Jquery的draggable来实现轻松的效果.但我没有在这个插件中找到该选项.所以我想知道是否有其他插件有这个选项 - 或一个简单的解决方案.

我试图实现的效果是这样的:http://www.fileden.com/files/2009/6/4/2466215/dragease.swf

正如您所看到的,在拖动时,由于缓和,图像移动感觉更平滑.我还想将拖动约束到一个轴,还需要使其恢复到它的位置.JQuery的draggable确实有最后两个选项,所以这很好.

示例代码已经为我提供了我想要的东西(除了缓动):http://jsfiddle.net/dandoen/NJwER/1/

任何建议将不胜感激.

干杯,丹多恩

我正在使用canvas和JavaScript创建一个横向滚动的无限空间主题游戏.我只是通过使用向上和向下箭头控制飞船,我想实施某种运动缓和,以便当我放开钥匙时船不会停止死亡.我环顾四周,没有找到任何东西加上我自己的尝试只是不起作用.这就是我尝试过的.

Jet.prototype.checkDirection = function () {
if (this.isUpKey) {
    this.drawY -= this.speed;
    if (this.speed < 5) {
        this.speed += 0.1;
    }
}
if (this.isDownKey) {
    this.drawY += this.speed;
    if (this.speed < 5) {
        this.speed += 0.1;
    }
}
if (!this.isUpKey) {
    if (!this.isDownKey) {
        if (this.speed >= 0) {
            this.drawY -= this.speed;
            this.speed -= 1;
        }
    }
}
if (!this.isDownKey) {
    if (!this.isUpKey) {
        if (this.speed >= 0) {
            this.drawY += this.speed;
            this.speed -= 1;
        }
    }
}

该网站仅提到缓和选项:

# easing: Name of the easing equation.

但没有例子.

如何使用此功能？

我有一个链接,当点击这个我想要一个div来滑动,然后再次点击链接,它应该关闭div,缓和...

我看过jQuery easing插件,但它不适用于jQuery 1.5.1？对我能做什么以及如何做的任何想法？

现在我只有一个slideToggle函数,它没有缓动？

$('.open-mypage').click(function () {
    $('#mypage-info').slideToggle('2000', function () {
        // Animation complete.
    });
});

请看看这个小提琴:http://jsfiddle.net/dhcyA/

尝试点击一个块.我想要的是,当其他元素消失时,所选择的块将动画/轻松到他的给定位置,而不是像现在一样跳跃.然后,当再次单击该框时,相同的动画会重复,然后再返回到位置.

也许要记住:
我正在使用一个reponsive设计,这意味着在缩放窗口后这些块可以是垂直和水平的.

任何关于小提琴或建议的修改都会很棒!