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
.
我也相信这是数学上这样做的,但我不完全确定。
库中可能还有平铺功能。
所以我已经为此苦苦挣扎了很多时间,我会保持简短。
我正在开发我的第一个 P5JS 游戏,它很像马里奥,但它不是水平的无尽奔跑者,而是垂直的。所以,我在设置函数中添加了这样的图像作为背景 :
bg=createSprite(300,300);
和在draw函数中:
background("black");
bg.addImage(bgImage);
bg.velocityY=5;
velocityY不断的让图像往下移动,但是因为是图像,过一会黑底又上来了。 像这样:(道路是图像,黑色是背景。)
那么我要怎么做才能让图像消失后又回来,而且好像从未离开过?
嗯,你可以有两张图片,只要一张完全不可见 (img.y < height)
只需将它传送回顶部 img.y = img2.y - img.height
.
我也相信这是数学上这样做的,但我不完全确定。
库中可能还有平铺功能。