所以基本上我正在创建一个页面,当按下右箭头键时,对象向左移动,当对象位于不同位置时,会显示不同的图像。这就是相关函数的样子(我不是通过图像本身测试,而是通过绘制对象来测试):
function rightArrowPressed() {
var element = document.getElementById("heart");
var pos = element.style.marginLeft = parseInt(element.style.marginLeft) + 5 + 'px';
element.style.width = parseInt(element.style.width) + 1 + 'px';
console.log(pos);
}
function imageshow(){
if (pos>30 && pos<=150){
stroke(0);
strokeWeight(7);
fill(170);
rect(windowWidth/2-30, -80, 62, windowHeight+100);
console.log("yes!");
}
}
变量pos增加很好,我可以在javascript控制台中看到它,但是imageshow函数中的控制台永远不会工作。
非常感谢!