0

我对编程比较陌生，并且正在使用 Code.org 进行教学。我相信代码是javascript，虽然不太确定。我制作的程序是一个简单的连接点程序，我现在正在尝试在其中实现关卡。但是，一旦我在关卡的末尾并且所有变量都被重置并且屏幕被更改，我无法点击这些点。

这是因为在这段代码运行之后：

//Finish the level, change the level 
  if(clickedX.length >= (level*2+4) - 1 && clickedY.length >= (level*2+4) - 1){
    for(var i = 1; i < level*2+4; i++){
      deleteElement(i + "Text");
    }
    clearCanvas("mainCanvas" + level);
    level++;
    setScreen("level" + level);
    setActiveCanvas("mainCanvas" + level);
    dotsX = [];
    dotsY = [];
    levelSector = [10];
    levelDiv = 300/(level*2+4);
    clickedX = [];
    clickedY = [];
    createDotCoords();
    }

它不会返回到它最初到达那里的方式，即点击事件侦听器。这是整个程序，一点也不长。我自己的解决方案已经用完了，发现我现在被卡住了。任何帮助是极大的赞赏。谢谢。

var dotsX = [];
var dotsY = [];
var level = 1;
var clickedX = [];
var clickedY = [];
var levelSector = [10];
var levelDiv = (300/(level*2+4));
setActiveCanvas("mainCanvas" + level);

createDotCoords();

//Searches an array for a specific number
//Adds and subtracts 4 to allow for the entire circle to be clicked
function searchVar(variable,needle) {
    for(var i = 0; i <  variable.length; i++){
      if(variable[i] === needle){
        return true;
      }
     else{
      for(var x = 1; x < 4; x++){
        if(variable[i] + x === needle){
          return true;
        }
        if(variable[i] - x === needle){
          return true;
        }
      }
      }
  }
}

//Create Dot Coordinates and Draw
function createDotCoords(){
  levelDiv = Math.round(levelDiv);

  for(var i = 1; i < level*2+4; i++){
    appendItem(levelSector,levelDiv * i);
  
    appendItem(dotsX,randomNumber(levelSector[i - 1],levelSector[i]));
    appendItem(dotsY,randomNumber(40,410));
  
    circle(dotsX[i - 1],dotsY[i - 1],4);
    textLabel(i + "Text", i);
    setPosition(i + "Text",dotsX[i - 1],dotsY[i - 1],3,4);
  }
}


//Get mouse click location and check if the location is the same
//as the dot location. Create a line between that one and the 
//previous dot if clicked already
onEvent("mainCanvas" + level, "click", function(event){
 var clickX = event.offsetX;
 var clickY = event.offsetY;
 var booX = false;
 var booY = false;
 console.log("X " + clickX + "  Y " + clickY);
 if (searchVar(dotsX,clickX)){
      booX = true;
      console.log("x is true");

      }
 if (searchVar(dotsY,clickY)){
      booY = true;
      console.log("y is true");

      }
      
if(booY && booX){
  if(clickedY.length === 0){
     appendItem(clickedY,clickY);
     }
    if(clickedY.length >= 1){
       if(searchVar(clickedY,clickY)){
          console.log("already in Y");
       }
       else{
          appendItem(clickedY,clickY);
       }
    }
        
    if(clickedX.length === 0){
        appendItem(clickedX,clickX);
     }
    if(clickedX.length >= 1){
      if(searchVar(clickedX,clickX)){
        console.log("already in X");
         }
         else{
         appendItem(clickedX,clickX);
         }
        }
        
        
    if(clickedX.length === 1 && clickedY.length === 1){
    console.log("only one dot clicked");
    setStrokeColor("green");
    circle(dotsX[0],dotsY[0],4);
    setStrokeColor("black");
    }
    else{
    setStrokeColor("green");
    circle(dotsX[clickedX.length - 1], dotsY[clickedY.length - 1], 4);
    setStrokeColor("black");
    line(dotsX[clickedX.length - 2], dotsY[clickedY.length - 2], dotsX[clickedX.length - 1], dotsY[clickedY.length - 1]);
    }
  }
//Finish the level, change the level 
  if(clickedX.length >= (level*2+4) - 1 && clickedY.length >= (level*2+4) - 1){
    for(var i = 1; i < level*2+4; i++){
      deleteElement(i + "Text");
    }
    clearCanvas("mainCanvas" + level);
    level++;
    setScreen("level" + level);
    setActiveCanvas("mainCanvas" + level);
    dotsX = [];
    dotsY = [];
    levelSector = [10];
    levelDiv = 300/(level*2+4);
    clickedX = [];
    clickedY = [];
    createDotCoords();
    }
});

此外，有关格式化/一般逻辑/编程礼仪的任何提示，诸如此类的东西，也将非常有帮助。

4

1 回答 1

0

我的猜测是，在您重置变量和画布的过程中，某些东西妨碍了点击侦听器，或者响应中显示的内容。您可以在此处发布该项目的共享链接吗？我可以看一下代码。（我每天都在 App Lab 工作。所以我可以帮助编写代码，或者找出它是否是一个实际的错误）。

于 2017-04-24T21:52:15.147 回答