Сбросить массив до исходных значений

Question

Я работаю над простой игрой с Javascript, включая изменения в холсте HTML5. Есть ряд (10+) объектов, введенных в массиве:

var boxes = []; 
    boxes.push({ 
     x: 0, 
     y:canvas.height - 370, 
     width: 400, 
     height: 20}); 
    boxes.push({ 
     x: 300, 
     y:canvas.height - 100, 
     width: 150, 
     height: 90}); 

Весь массив затем проходит через функцию обновления, которая изменяет значение х в зависимости от позиции игрока:

for (var i = 0; i < boxes.length; i++) { 
       if (boxes[1].x > -3000 + canvas.width) { 
        boxes[i].x -= robot.speed * modifier; 
        robot.x = canvas.width - 300; 
       }; 
      }; 

когда игрок умирает функция сброса запускается:

var reset = function() { 
      robot.x = 0; 
      robot.y = 500; 
      ++deaths; 
      }; 

Я ищу способ, чтобы сбросить все значения boxes массива исходных значений при выполнении этой функции, Essentia LLY сбросить карты, без необходимости вводить каждый вручную, т.е. boxes[1].x = 300

https://jsfiddle.net/to31b612/

Answer 1

Просто инициализировать из одной функции:

var boxes; 
initBoxes(); 

function initBoxes() { 
    boxes = []; 
    boxes.push({ 
     x: 0, 
     y:canvas.height - 370, 
     width: 400, 
     height: 20}); 
    boxes.push({ 
     x: 300, 
     y:canvas.height - 100, 
     width: 150, 
     height: 90}); 
} 

Тогда просто вспомнить initBoxes() каждый раз, когда вам нужно инициализировать его.

Answer 2

Это звучит, как вы хотите использовать Memento Pattern

Answer 3

Можно просто инициализировать коробки внутри функции reset(), и убедитесь, что позвонить позвонить reset() до первого запуска игры тоже.

var deaths = -1; 
var boxes = []; 

function reset() { 
    robot.x = 0; 
    robot.y = 500; 
    boxes = [{ 
     x: 0, 
     y:canvas.height - 370, 
     width: 400, 
     height: 20 
    }, { 
     x: 300, 
     y:canvas.height - 100, 
     width: 150, 
     height: 90 
    }]; 
    ++deaths; 
} 

Answer 4

просто использовать 2 переменные

var initBoxes = []; 
initBoxes.push({ 
    x: 0, 
    y:canvas.height - 370, 
    width: 400, 
    height: 20}); 
initBoxes.push({ 
    x: 300, 
    y:canvas.height - 100, 
    width: 150, 
    height: 90}); 

var boxes = initBoxes; 

Тогда, когда-либо вам нужно сбросить ящики просто

boxes = initBoxes;