Animation Greensock.js(GSAP)版本的Metafizzy同位素.js(砌体)

Animation Greensock.js(GSAP)版本的Metafizzy同位素.js(砌体),animation,jquery-isotope,gsap,Animation,Jquery Isotope,Gsap,是否有一个等效的Greensock(GSAP)实现或插件具有与Metafizzy的同位素.js(砖石布局)类似的行为。具体来说,我已经实现了一系列的卡片和卡片促销动画。我现在正准备将它们合并成一个原型。我正在和一位同事一起工作,他用同位素组装了一个单独的原型,支持卡片洗牌,即使卡片“成长”到不同的状态。我正在统一这两方面的内部努力。在我从事GSAPifing同位素之前,我想知道是否有一个现有的或类似的实现,我可以利用 提前感谢您的时间 Chris对于仍在谷歌上搜索的人来说,让gsap渲染同位素动

是否有一个等效的Greensock(GSAP)实现或插件具有与Metafizzy的同位素.js(砖石布局)类似的行为。具体来说,我已经实现了一系列的卡片和卡片促销动画。我现在正准备将它们合并成一个原型。我正在和一位同事一起工作,他用同位素组装了一个单独的原型,支持卡片洗牌,即使卡片“成长”到不同的状态。我正在统一这两方面的内部努力。在我从事GSAPifing同位素之前,我想知道是否有一个现有的或类似的实现,我可以利用

提前感谢您的时间


Chris

对于仍在谷歌上搜索的人来说,让gsap渲染同位素动画的一个快速解决方案是使用可以下载的jquery gsap插件。它需要添加在所有其他库之后,例如:

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

还有维奥拉!这里唯一需要注意的是,jQuery是必需的,因此对于任何使用纯香草或任何东西的人来说,都必须手动覆盖动画-如何实现这一点完全是另一个话题。

准备好后与世界共享;)
$('#grid').isotope({
  itemSelector: '.item',
  layoutMode: 'fitRows',
  //etc
  animationEngine: 'jquery'
});