Tween array values with animejs

animate-array.js

import anime from 'animejs'

/**
  Options are your usual animejs options.
  They need to have a value: XX or value: [start, end].
  
  Add a special `stagger` prop
  Have not tested with diff target values or more complex use case
  but the power is in your hands now
*/
export function animateArray(array, options) {
    const stagger = options.stagger || 0
    delete options.stagger

    const targets = array.map((val, i) => {
        return {
            value: options.value[0] || options.value,
            index: i,
        }
    }).sort((a, b) => Math.random() > 0.5 ? -1 : 1)

    return anime({
        targets,
        ...options,
        delay: anime.stagger(stagger),
        update: () => {
            targets.forEach(target => {
                array[target.index] = target.value
            })
        }
    })
}