检测与Phaser冲突时出现问题

Question

我已经开始使用Coding with Chrome扩展程序在Chromebook上对Phaser进行编码。

我添加了引力，并尝试使用physics.arcade.overlap（）检测事物何时发生碰撞，但是我从未提供过碰撞时提供的功能。

我要做的是制作一个物体矩阵，然后检测每个物体与播放器之间的碰撞。我认为有一种更好的方法可以对小组进行此操作，但我稍后会进行研究。

这是我的代码：

var player, map, mapObjs;

map = [['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b'],
      ['b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b', 'b']];
mapObjs = new Array(map[0].length);

var game = new Phaser.Game(768, 768, Phaser.AUTO, 'Unnamed Game');
game.state.add('main', {
  preload: function(e) {
    game.load.image('background', '{{ file:background.png }}');
    game.load.image('player', '{{ file:download.jpeg }}');
    game.load.image('block', '{{ file:Brick_Block.png }}');
  },
  create: function(e) {
    if (navigator.userAgent == 'CwC sandbox') {game.time.desiredFps = 30;}
    var backgroundImage = game.add.image(0, 0, 'background');
    backgroundImage.width = 768;
    backgroundImage.height = 768;

player = game.add.sprite(50, 100, 'player');
game.physics.startSystem(Phaser.Physics.ARCADE);
game.physics.arcade.enable(player);
player.body.gravity.y = 9;
player.body.bounce.y = 0.1;
player.width = 100;
player.height = 100;
player.body.collideWorldBounds = true;

for(var i = 0; i < map[0].length; i++) {
  mapObjs[i] = [];
  for(var j = 0; j < map.length; j++) {
    mapObjs[i][j] = game.add.sprite(32*i, 300+32*j, 'block');
    mapObjs[i][j].width = 32;
    mapObjs[i][j].height = 32;
  }
}
  },
  input_: function(e) {
  },
  update: function(e) {
this.input_(e);
for(var i = 0; i < mapObjs.length; i++) {
  for(var j = 0; j < mapObjs[i].length; j++) {
    game.physics.arcade.overlap(player, mapObjs[i][j], function(object1, object2) {
      console.log('hi'); // This never happens for some reason even thought the objects are visibly overlapping
      player.body.gravity.y = 0;
      player.body.accelerationY = 20;
    }, null, this);
  }
}
  },
  render: function(e) {
  },
}, true);
game.state.start('main');

“ {{file：image.png}}”只是编辑器引用图像的方式，因此您可以忽略它。