Anime.js 网格可以在每次播放动画时随机启动吗？

如何解决Anime.js 网格可以在每次播放动画时随机启动吗？

我想让动画 Js 网格显示为 3x4 并且动画每次播放时从一个随机方块开始，他们的文档不太好涵盖这些东西，唯一的预建模式是从中心
我可以通过 HTML 本身将网格显示修复为 3x4，但可以以更好的方式完成
check the animation I want to use here from anime.js website

我的 HTML 如下所示：

<div class="animation">
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
    <div class="small square el"></div>
</div>

我的 javascript 是这样的：

anime({
    targets: '.animation .el',scale: [
        { value: 0.1,easing: 'eaSEOutSine',duration: 500 },{ value: 1,easing: 'easeInOutQuad',duration: 1200 }
    ],loop: true,delay: anime.stagger(200,{ grid: [3,4],from: 'center' })
});

解决方法

我在另一个项目中使用了动画 js 并意识到它是否将配置的 from 部分中的 delay 设置为随机数乘以你让它随机启动的动画元素的总数 此问题的代码应如下所示：

anime({
    targets: '.animation .el',scale: [
        { value: 0.1,easing: 'easeOutSine',duration: 500 },{ value: 1,easing: 'easeInOutQuad',duration: 1200 }
    ],loop: true,delay: anime.stagger(200,{ grid: [3,4],from: anime.random(0,12) })
});