Пробую написать игру 2048 на языке программирования javascript, и стали сыпаться ошибки. Как исправить?

Question

[krll-k]

jsbin.com/fivotoxuqu/edit?js,console
Почему ошибочно следующие выражение? game.right(start) Чего я не учел, или как правильно?

Answer 1

[Александр Таратин]

function Game() {
  this.grid = [[0, 0, 0, 0],
                [2, 2, 2, 2],
                [4, 4, 4, 4],
                [8, 8, 8, 8]];
}
  
Game.prototype.right = function(){
    var grid = this.grid;
    //проверяем по горизонтали
    for(var x = 0; x < 4; x++){
      //проверяем по вертикали
      for(var y = 0; y < 4; y++){
        //если два последующих элемента равны
        if(grid[x][y] == grid[x][++y]){
           //то первое обнуляется
           grid[x][y] = 0;
           //второе умножается на двое
           grid[x][++y] = grid[x][y] + grid[x][++y];
        }
      }
    }
};

var start = new Game();

Comments

[krll-k]

А как быть дальше, методы вправо, вниз, влево, вверх - должны срабатывать тогда когда срабатывает тачАпиЕвентс. Почему прототипами нужно делать? Как джаваскрипте возратить в ответ с измененными данными после использовании той или иной функции? Понимаете че я?м

[krll-k]

Предствте что после здвига вправа массив
0 0 0 0
2 2 2 2
4 4 4 4
8 8 8 8
Преватиться в
0 0 0 0
0 4 0 4
0 8 0 8
0 16 0 16
А если еще раз вызвать метод right()
0 0 0 0
0 0 0 8
0 0 0 16
0 0 0 32
Понимаете?

[Александр Таратин]

>А как быть дальше, методы вправо, вниз, влево, вверх - должны срабатывать тогда когда срабатывает тачАпиЕвентс

habrahabr.ru/post/178611

Подписываемся на события и просто вызываем start.right();

>Почему прототипами нужно делать?

В js до es6 основной способ.

>Как джаваскрипте возратить в ответ с измененными данными после использовании той или иной функции?

return в функции, или о чем вы?

[krll-k]

А еще после каждого использования функци смещения должно в ячейки где нуль появится 2 или 4, 2 в 98%/4 в 2% случаев

[krll-k]

Так что должно быть так
0 0 0 0
2 2 2 2
4 4 4 4
8 8 8 8
Превратиться в
0 0 0 0
0 0 4 4
0 0 8 8
0 0 16 16
Плюс в рандомном месте 2 или 4
Скажем
0 0 2 0
0 0 4 4
0 0 8 8
0 0 16 16
Понимаете? Как блин это вклинеть в имеющий код, просто скажите каким трюком воспользоваться, и что прочитать?

[krll-k]

Как блин овладеть джаваскриптом в самые кротчайшие сроки?

[krll-k]

Имеется в полной мере

[krll-k]

Шаблон проектирования есть какой нибудь под такое дело?

[Ivan Palamarchuk]

Kirill Kuznetsov: шаблоны проектирования - общие для всех языков, это раз. А JS сам по себе оч. простой. Если не нравится синтаксис в виде прототипов и прочего. То посмотрите в сторону транслируемых яп, типа coffeescript.org

Почитайте еще про событийно-ориентированное программирование.

[krll-k]

Ivan Palamarchuk: спасибо за информацию!

[krll-k]

Александр Таратин:

Как вы видите, ожидаю что функция start.right() вернет в ответ измененный массив. То есть изменить его состояние с А на Б:
А
0 0 0 0
2 2 2 2
4 4 4 4
->
Б
0 0 0 0
0 4 0 4
0 8 0 8
0 16 0 16
->
С
0 0 0 0
0 0 4 4
0 0 8 8
0 0 16 16
А еще в самой функции не знаю как сделать переход с состояния В до С, как быть?

Answer 2

[krll-k]

Изучить объектно- ориентированный подход, но до этого знать общие основы что касается всех языков программирования. Потому что если ты будешь иметь представления о ООП, но не сможешь выполнить простую итерацию, это будет провалом.

Изучай JavaScript правильно, то есть постепенно. Отвечая на твой вопрос, ты должен иметь представление о шаблонах проектирования в Javascript. В данном случаи знать о том что такое prototype и иметь представления о том что такие this в Javascript.

Ответил на твой вопрос?