精灵动画的Javascript？ [英] Genie animation Javascript?

问题描述

有一个jQuery插件或JavaScript库，支持像苹果Mac OS X停靠一个精灵的动画效果？

Is there a jQuery plugin or javascript library that supports a "genie" animation effect like the apple Mac OS X dock?

奖励：ActionScript库？ C / C ++？ 。净？目标C？

Bonus: Actionscript library? C/C++? .NET? Objective C?

推荐答案

不，我知道的。在'魔鬼'的效果是无法用CSS来实现失真：CSS转换（包括IE的矩阵过滤器）给你两个轴，旋转及剪切调整。 WebKit的还为您提供了线性的观点。弯曲的扭曲像精灵不能用这些工具进行复制。

Not that I know of. The ‘genie’ effect is a distortion that cannot be achieved with CSS: CSS transformations (including IE's matrix filter) give you resizing on both axes, rotation and shear. WebKit additionally gives you linear perspectives. Curvy distortions like genie can't be reproduced with those tools.

要做到这一点在JavaScript中你必须使用水平一个CSS变换（如果你真的雄心勃勃或其他元素），以图象分成每个像素和壁球一行。这将是可怕的低效渲染和可能会看起来生涩flickery以及​​令人不快的别名。

To do it in JavaScript you'd have to split the image (or other element if you are really ambitious) into one line per pixel and squash horizontally using a CSS transformation. It would be horribly inefficient to render and would probably look jerky and flickery as well as unpleasantly aliased.

这篇关于精灵动画的Javascript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！