每个keyIsDown对应一个函数

Question

我想在p5.js上每次点击函数keyIsDown时切换图像。这可能吗?

player = loadImage('player.png');
player2 = loadImage('player2.png');
function movePlayer(){
if (keyIsDown (87) && yPlayer == 300){
vy = -jump;
player = player2;
} else {
player2 = player;
}
}

当我按一次图像改变，但当我再次点击不工作。

Answer 1

当你满足if条件时，你正在替换引用加载player2.png的p5.Image，然后在else中，您将其替换为自身，它先前被player2.png图像替换(因此第二次没有明显变化)。

你可以使用3个变量:

• 两个加载图片
• 一个在之前的p5.Image引用之间交换

。

player1 = loadImage('player.png');
player2 = loadImage('player2.png');
// point the currentPlayer reference to one of the loaded images
currentPlayer = player1;

:

function movePlayer(){
if (keyIsDown (87) && yPlayer == 300){
vy = -jump;
currentPlayer = player2;
} else {
currentPlayer = player1;
}
}

(然后简单地使用image(currentPlayer,...)渲染)