我正在尝试使用 setInterval 命令每隔“x”秒重置一个精灵的位置,但出于某种原因,在第一次调用后,它一遍又一遍地发送命令,而不是等待所需的数量。这是我与图像绘制和更新相关的 javascript 代码:
function animate() {
refresh = requestAnimationFrame(draw);
background();
imgs();
setInterval(function() { newImgCords() }, 1000);
}
function background() {
var canv = document.getElementById("myCanvas").getContext("2d");
canv.fillStyle = "#c8c8c8";
canv.fillRect( 0, 0, window.innerWidth, window.innerHeight);
}
function imgs() {
var canv = document.getElementById("myCanvas").getContext("2d");
canv.drawImage(face, imgX, imgY, 100, 50);
}
function newImgCords() {
imgX = Math.random() * (400 - 100) + 100;
imgY = Math.random() * (400 - 100) + 100;
}
我有一个关于发生了什么的视频,但我不认为我是否能够将它添加到这篇文章中。如果有帮助,请告诉我如何将 URL 链接到视频(我不确定如何链接,或者我是否可以在帖子中添加视频),我会尽快添加视频。谢谢!