Javascript 两幅图像的编码冲突

我正在尝试使用JavaScript在codehs上创建一个程序，在这个程序中，我在角色周围移动并收集卢比。我的角色和四个卢比都是进口图像。我试图这样做，当字符的x和y等于卢比的x和y时，卢比就会消失。然而，这一直不起作用。我曾经有一个功能，其中卢比在一个列表中，但这也不起作用。因此，我将所有内容放在全局和启动函数下，以找出问题所在。简单地说，在碰撞过程中删除卢比的if语句不起作用，我不知道该怎么办。这是我目前的代码

//x and y is the original coordinates
//that I can call upon in multiple
//functions and can change them whenever
//a key is pressed. Vixen is the image
//of the character that is put as a
//generalized variable so I can call
//upon it in several functions in order
//to change her location.
var x = 0;
var y = getHeight() - 70;
var vixen = new WebImage("https://codehs.com/uploads/4c30a0411738a2a2a5e638e657b6a8ca");
var rw1 = Randomizer.nextInt(0, getWidth() - 40);
var rw2 = Randomizer.nextInt(0, getWidth() - 40);
var rw3 = Randomizer.nextInt(0, getWidth() - 40);
var rw4 = Randomizer.nextInt(0, getWidth() - 40);
var rh1 = Randomizer.nextInt(0, getHeight() - 50);
var rh2 = Randomizer.nextInt(0, getHeight() - 50);
var rh3 = Randomizer.nextInt(0, getHeight() - 50);
var rh4 = Randomizer.nextInt(0, getHeight() - 50);
var rupee1 = new WebImage("https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupee2 = new WebImage("https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupee3 = new WebImage("https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupee4 = new WebImage("https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");

function start(){
    vixen.setSize(48, 70);
    vixen.setPosition(x, y);
    add(vixen);
    
    keyDownMethod(move);
    
    rupee1.setSize(50, 60);
    rupee1.setPosition(rw1, rh1);
    println(rw1);
    println(rh1);
    add(rupee1);
    
    rupee2.setSize(50, 60);
    rupee2.setPosition(rw2, rh2);
    println(rw2);
    println(rh2);
    add(rupee2);
    
    rupee3.setSize(50, 60);
    rupee3.setPosition(rw3, rh3);
    println(rw3);
    println(rh3);
    add(rupee3);
    
    rupee4.setSize(50, 60);
    rupee4.setPosition(rw4, rh4);
    println(rw4);
    println(rh4);
    add(rupee4);
    
    if(x < rw1 + 40 && x + 48 > rw1 && y < rh1 + 50 && y + 70 > rh1){
        remove(rupee1);
    }
    if(x < rw2 + 40 && x + 48 > rw2 && y < rh2 + 50 && y + 70 > rh2){
        remove(rupee2);
    }
    if(x < rw3 + 40 && x + 48 > rw3 && y < rh3 + 50 && y + 70 > rh3){
        remove(rupee3);
    }
    if(x < rw4 + 40 && x + 48 > rw4 && y < rh4 + 50 && y + 70 > rh4){
        remove(rupee4);
    }
}

/*This function moves Vixen around 
the screen using the arrow key buttons*/
function move(e){
    if (e.keyCode == Keyboard.LEFT){
        x -= 50;
        vixen.setPosition(x, y);
        
        println(x);
        println(y);
    }
    if (e.keyCode == Keyboard.RIGHT){
        x += 50;
        vixen.setPosition(x, y);
        
        println(x);
        println(y);
    }
    if (e.keyCode == Keyboard.UP){
        y -= 50;
        vixen.setPosition(x, y);
        
        println(x);
        println(y);
    }
    if (e.keyCode == Keyboard.DOWN){
        y += 50;
        vixen.setPosition(x, y);
        
        println(x);
        println(y);
    }
}

//x和y是原始坐标
//我可以多次调用它
//函数，可以随时更改它们
//按下一个键。Vixen就是这个形象
//指作为一个字符放置的字符
//广义变量，这样我就可以调用
//按顺序将其分为几个功能
//改变她的位置。
var x=0；
变量y=getHeight（）-70；
var vixen=新的WebImage（“https://codehs.com/uploads/4c30a0411738a2a2a5e638e657b6a8ca");
var rw1=Randomizer.nextInt（0，getWidth（）-40）；
var rw2=Randomizer.nextInt（0，getWidth（）-40）；
var rw3=Randomizer.nextInt（0，getWidth（）-40）；
var rw4=Randomizer.nextInt（0，getWidth（）-40）；
var rh1=Randomizer.nextInt（0，getHeight（）-50）；
var rh2=Randomizer.nextInt（0，getHeight（）-50）；
var rh3=Randomizer.nextInt（0，getHeight（）-50）；
var rh4=Randomizer.nextInt（0，getHeight（）-50）；
var rupe1=新的Web映像（“https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupe2=新的网络图像（“https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupe3=新的网络图像（“https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
var rupe4=新的WebImage（“https://codehs.com/uploads/6ff26ad5dba9ae888580ac1c3f8db64d");
函数start（）{
vixen.setSize（48,70）；
振动设定位置（x，y）；
添加（vixen）；
按键法（move）；
卢比1.setSize（50,60）；
卢比1.设定位置（rw1，rh1）；
println（rw1）；
println（rh1）；
加（1卢比）；
卢比2.设定尺寸（50,60）；
卢比2.设定位置（rw2，rh2）；
println（rw2）；
println（rh2）；
加（2卢比）；
卢比3.setSize（50,60）；
卢比3.设定位置（rw3，rh3）；
println（rw3）；
println（rh3）；
加（3卢比）；
卢比4.setSize（50,60）；
卢比4.设定位置（rw4，rh4）；
println（rw4）；
println（rh4）；
加（4卢比）；
如果（xrw1&yrh1）{
移除（卢比1）；
}
如果（xrw2&yrh2）{
移除（2卢比）；
}
如果（xrw3&yrh3）{
移除（卢比3）；
}
如果（xrw4&yrh4）{
移除（卢比4）；
}
}
/*此函数用于移动Vixen
使用箭头键按钮显示屏幕*/
功能移动（e）{
if（e.keyCode==Keyboard.LEFT）{
x-=50；
振动设定位置（x，y）；
println（x）；
println（y）；
}
if（e.keyCode==Keyboard.RIGHT）{
x+=50；
振动设定位置（x，y）；
println（x）；
println（y）；
}
if（e.keyCode==Keyboard.UP）{
y-=50；
振动设定位置（x，y）；
println（x）；
println（y）；
}
if（e.keyCode==Keyboard.DOWN）{
y+=50；
振动设定位置（x，y）；
println（x）；
println（y）；
}
}

---

打印行用于确定位置是否正确，以及角色的位置是否正在更改。如果有人能帮助我，我将不胜感激。

您使用的是一个

WebImage

类，看起来可能与.NET有关。我无法运行此代码，因为我没有该类。也许这需要一个.NET标签？这不是代码上的东西。