игра, работабщая через setInterval, зависает

[cyklop77]

у меня вопрос скорее теоретический, чем практический. однако буду благодарен и за код

Помогите пожалуйста найти причину, по которой игра зависает. Это выражается в невозможности переместить корабль игрока на более чем на 100px в любом направлении

Основной алгоритм игры следующий:
Для каждой сущности создан отдельный view:
APP.SpaceView       - содержит основную логику игры

APP.InformerView    - табличка, отображающая количество снарядов, жизненные силы, счёт и т.д.
APP.InfolineView    - бегущая строка с разной информацией
APP.FieldView       - игровая область(в ней летают корабли протвника, корабль игрока и звёзды)

APP.PlayerShipView    - корабль игрока
APP.PlayerRocketView  - снаряды игрока
APP.StarView          - звёзды на фоне

Большая часть логики на ходится в APP.SpaceView и организована так:
При инициализации этого view запускается основной цикл игры, в котором вычисляются координаты и условия для каждого объекта игры:
setInterval(function() {
  self._makeMoves(self)
}, 100);

в _makeMoves() вычисляются:
движения звёзд(перебор всей коллекции),
движение снарядов игрока
отслеживаются нажатия клавиш, отвечающих за перемещение корабля игрока и стрельбу

То есть каждую 0.1 сек происходит вычисление довольно большого количества опраций. Но не думаю, что в причина тормозов игры в этом. во-первых потому, что вычислений не так уж и много(ОЗУ 8гб). Во-вторых потому что я делал подобную игру таким же способом(на чистом js) и тоже с немалым количеством объектом и не было даже намёка на зависание

Помогите пожалуйста найти причину зависания

http://fh79272k.bget.ru/files/works/space/1/
https://github.com/zlodiak/space-1

 

ps: извиняюсь, что не форматировал текст, но не работает здесь блок кода. второй день. хромиум у меня

Edited May 13, 2016 by cyklop77

[cyklop77]

ребята, отбой. уже сам исправил:

Скрытый текст

APP.InformerView = Backbone.View.extend({  

  initialize: function() {   
    this.listenTo(this.model, 'change', this.refreshOutputData); 
    this.refreshOutputData();   
  },

  template: _.template($('#informerTpl').html()),

  render: function() {    
    this.$el.html(this.template(this.params));      
    return this;
  },

  refreshOutputData: function() {  
    this.getParams();
    this.render();
  },

  getParams: function() {    
    this.params = {
      score: this.model.get('score'),
      rockets: this.model.get('rockets'),
      energy: this.model.get('energy'),
      speed: this.model.get('speed'),
    };
  }

});

приятно поговорить с умным человеком)

[wwt]

32 минуты назад, cyklop77 сказал:

приятно поговорить с умным человеком)