简体   繁体   English

西蒙游戏在第2级中执行3的序列

[英]simon game doing a sequence of 3 in level 2

I'm working on a simon game and is doing a sequence of 3 at level 2 instead of doing just 2 at level 2. I've looked all over. 我正在开发simon游戏,正在2级进行3的序列,而不是在2级进行2。 and I've trying output to console, but I guess I've been staring at this for too long. 并且我一直在尝试将输出输出到控制台,但是我想我已经盯着这个太久了。 If someone can find the bug, please share. 如果有人可以找到该错误,请分享。 thanks for the help. 谢谢您的帮助。 here's the pen https://codepen.io/zentech/pen/XaYygR 这是笔https://codepen.io/zentech/pen/XaYygR

//variables
userSeq = [];
simonSeq = [];
const NUM_OF_LEVELS = 5;
var id, color, level = 0;
var strict = false;
var error = false;
var boardSound = [
  "http://www.soundjay.com/button/sounds/button-4.mp3", //green
  "http://www.soundjay.com/button/sounds/button-09.mp3", //red
  "http://www.soundjay.com/button/sounds/button-10.mp3", //yellow 
  "http://www.soundjay.com/button/sounds/button-7.mp3" //blue   
];

//1- start board sequence
$(document).ready(function() {
  $(".start").click(function() {
    strict = false;
    error = false;
    level++;
    simonSeq = userSeq = [];
    simonSequence();
  })

  //user pad listener
  $(".pad").click(function() {
    id = $(this).attr("id");
    color = $(this).attr("class").split(" ")[1];
    userSequence();
  });

  //strict mode listener
  $(".strict").click(function() {
    level = 0;
    level++;
    simonSeq = userSeq = [];
    strict = true;    
    simonSequence();
  })
})

//user sequence
function userSequence() {
  userSeq.push(id);
    console.log(id+" "+color);
    addClassSound(id, color);
    //check user sequence
    if(!checkUserSeq()) {
      //if playing strict mode reset everything lol
      if(strict) {
        console.log("strict");
        simonSeq = [];
        level = 1;
      }   
      displayError();
      userSeq = [];
      error = true;   
      console.log("start simon error")
      simonSequence();
    }
    //checking end of sequence
    else if(userSeq.length == simonSeq.length && userSeq.length < NUM_OF_LEVELS) {
      level++;
      userSeq = [];
      error = false;
      console.log("start simon")
      simonSequence();
    }
    //checking for winners
    if(userSeq.length == NUM_OF_LEVELS) {
      displayWinner();
      resetGame();
    }     

}

/* simon sequence */
function simonSequence() {
  console.log("level "+level);
  $(".display").text(level);
  if(!error) {
    getRandomNum();
  }  
  var i = 0;
  var myInterval = setInterval(function() {
    id = simonSeq[i];
    color = $("#"+id).attr("class");
    color = color.split(" ")[1];
    console.log(id+" "+color);
    addClassSound(id, color);
    i++;
    if(i == simonSeq.length) {
      clearInterval(myInterval);
    } 
  }, 1000);  
}

//generate random number
function getRandomNum() {
  var random = Math.floor(Math.random() * 4);
  simonSeq.push(random);
}

/* add temporary class and sound  */
function addClassSound(id, color) {
  $("#"+id).addClass(color+"-active");
  playSound(id)
  setTimeout(function(){
    $("#"+id).removeClass(color+"-active");
  }, 500);
}

/* checking user seq against simon's */
function checkUserSeq() {
  for(var i = 0; i < userSeq.length; i++) {
    if(userSeq[i] != simonSeq[i]) {      
      return false;
    }
  }
  return true;
}

/* display error  */
function displayError() {
  console.log("error");  
  var counter = 0;
  var myError = setInterval(function() {
    $(".display").text("Err");
    counter++;
    if(counter == 3) {
      $(".display").text(level);
      clearInterval(myError);
      userSeq = [];
      counter = 0;
    }
  }, 500);
}

//display winner 
function displayWinner() {
  var count = 0;
  var winInterval = setInterval(function() { 
    count++;
    $(".display").text("Win");
    if(count == 5) {
      clearInterval(winInterval);
      $(".display").text("00");
      count = 0;
    }
  }, 500);
}

/* play board sound */
function playSound(id) {
  var sound = new Audio(boardSound[id]);
  sound.play();
}

/* reset game */
function resetGame() {
  userSeq = [];
  simonSeq = [];
  level = 0;
  strict = false;
  $(".display").text("00");
}

PROBLEM 问题

You have a reference vs copy problem in your initialization code. 您的初始化代码中存在引用复制的问题。

$(document).ready(function() {
  $(".start").click(function() {
    strict = false;
    error = false;
    level++;
    simonSeq = userSeq = []; //PROBLEM !!!!
    simonSequence();
  })

Arrays are passed by reference , not value. 数组是通过引用而不是值传递的。

simonSeq = userSeq = [];
/* Any changes to 'userSeq' will affect 'simonSeq'.
 'simonSeq' is referencing 'userSeq' */

SOLUTION

Change all instances of 更改的所有实例

simonSeq = userSeq = [];

To

simonSeq = [];
userSeq = [];

EXPLINATION EXPLINATION

Values in JavaScript can be referred to in 2 ways; JavaScript中的值可以通过两种方式引用: by reference and by value . 根据参考价值

When you refer to something by value , you are copying it. 当您按引用某项内容时,就是在复制它。

var numA = 5;
var numB = numA; //COPY numA over to numB
numA = 12; // Changes to numA will not affect numB because it was copied
console.log(numA); // 12
console.log(numB); // 5

When you refer to something by reference , your are referring/referencing it, not copying it. 当您通过引用引用某物时,您是在引用/引用它,而不是复制它。 Any changes made to the original will affect everything that is referencing it. 对原件所做的任何更改都会影响引用它的所有内容。

var original = [1,2,3];
var ref = original; //Any changes made to 'original' will affect 'ref'

original.push('APPLES');
console.log(original); // [1,2,3,'APPLES']
console.log(ref); // [1,2,3,'APPLES']

In the above code ref does not actually contain any values. 在上面的代码中, ref实际上并不包含任何值。 ref contains the memory location of original . ref包含original的存储位置。

ref is referencing original . ref引用了original

Arrays and Objects are always passed/refereed to by reference. 数组和对象总是通过引用传递/引用。

Everything else is passed/refereed to by value (they are copied). 其他所有值均按值传递/引用(它们被复制)。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM