如何使图像落到屏幕底部并重复？在 Javascript

Question

我目前将雪列为我的坠落物体：

for (let i = 0; i < 100; i++) {
  snow.push(newRandomSnow("white"));
}

这让 100 片雪花从 canvas 的顶部一直落到底部，我该怎么做，当雪接触到 canvas 的末端时它会传送回来又起又落

Answer 1

您应该将图像的 y-coordinate 更改为 0，只要它超过限制，这里是 canvas 高度。将其放入带有 animationFrame 的函数中。

function fallAgain(snowObj) {
  if (snowObj.y > canvas.height) {
    snowObj.y = 0;
  }
}

How To Make An Image Fall Down To The Bottom Of The Screen And Repeat? In Javascript