P5JS:如何让背景图片重复?

P5JS: How to make the background image repeat?

所以我已经为此苦苦挣扎了很多时间,我会保持简短。

我正在开发我的第一个 P5JS 游戏,它很像马里奥,但它不是水平的无尽奔跑者,而是垂直的。所以,我在设置函数中添加了这样的图像作为背景

bg=createSprite(300,300);

在draw函数中:

background("black"); 
bg.addImage(bgImage);
bg.velocityY=5;

velocityY不断的让图像往下移动,但是因为是图像,过一会黑底又上来了。 像这样:(道路是图像,黑色是背景。)

那么我要怎么做才能让图像消失后又回来,而且好像从未离开过?

嗯,你可以有两张图片,只要一张完全不可见 (img.y < height) 只需将它传送回顶部 img.y = img2.y - img.height.

我也相信这是数学上这样做的,但我不完全确定。

库中可能还有平铺功能。