Greensock.js（GSAP）版本的Metafizzy Isotope.js（Masonry）

Question

是否存在与Metafizzy的Isotope.js（Masonry布局）具有相似行为的等效Greensock（GSAP）实现或插件。具体来说，我已经单独实施了一系列卡片和卡片推广动画。我现在正将这些合并为一个原型。我正在一位同事的背后工作，他使用同位素组合了一个单独的原型，即使卡片“不断增长”到不同状态，也能支持卡片改组。我正在统一内部的努力。在我参与GSAPifying Isotope之前，我想知道是否存在我可以利用的现有或类似的实现。

提前感谢您的时间！

克里斯

Answer 1

对于仍然使用Google搜索的人来说，使用gsap渲染同位素动画的快速解决方案是使用可以下载{j}的jquery-gsap-plugin at their website。它需要在所有其他库之后添加，例如：

PGPPublicKey publicKey = keyManager.getPublicKey((String) this.getCredentialsAccessor().getCredentials(event));

这样做会覆盖所有jQuery.animate（）方法 - 这很棒。但也有一些例外，也列在网站上。

现在唯一要做的就是告诉同位素使用jQuery作为动画引擎，详细信息可以在documentation中找到。

<script src="js/TweenMax.min.js"></script>
<script src="js/jquery.gsap.min.js"></script>

中提琴！这里唯一需要注意的是jQuery是必需的，所以对于任何使用纯香草或任何必须手动覆盖动画的人来说 - 这是如何完成的另一个主题。