动画无法在第一次射击时完全加载

Question

当第一次单击该元素以触发动画时，在动画中切换的图像不会在第一次尝试时加载。 示例：https://youtu.be/6YVOgKcHDTg

我已经尝试过使用JS预加载图像，如此处所示，并且在加载应用程序时会在控制台中触发。

function preloadImages () {
    let coinPics = new Array()
    for (let i = 0; i < arguments.length; i++) {
        coinPics[i] = new Image()
        coinPics[i].src = preloadImages.arguments[i]
        console.log(coinPics[i])
    }
}

上面的函数立即被调用，并以两个相对URL作为参数。理想情况下，我希望图像在第一次动画射击时完全加载。