Отображение фазера в одном шаблоне в meteor.js - PullRequest
Новая
       18

Отображение фазера в одном шаблоне в meteor.js

0 голосов
/ 26 июня 2019

Я следовал руководству по Phaser 3.x, чтобы сделать простую игру. Phaser Tutorial Я использовал meteor.js в качестве платформы для этого.

Все работало просто отлично: 

Template.App_home.helpers({

  game: function() { 
    var config = {
      type: Phaser.AUTO,
      width: 800,
      height: 600,
      physics: {
          default: 'arcade',
          arcade: {
              gravity: { y: 300 },
              debug: false
          }
      },
      scene: {
          preload: preload,
          create: create,
          update: update
      }
  };

  var game = new Phaser.Game(config);

  function preload ()
  {
      this.load.image('sky', './assets/sky.png');
      this.load.image('ground', './assets/platform.png');
      this.load.image('star', './assets/star.png');
      this.load.image('bomb', './assets/diamond.png');
      this.load.spritesheet('dude', 
          './assets/dude.png',
          { frameWidth: 32, frameHeight: 48 }
      );
  }

  var platforms;

  function create ()
  {
      this.add.image(400, 300, 'sky');

      platforms = this.physics.add.staticGroup();

      platforms.create(400, 568, 'ground').setScale(2).refreshBody();

      platforms.create(600, 400, 'ground');
      platforms.create(50, 250, 'ground');
      platforms.create(750, 220, 'ground');

      player = this.physics.add.sprite(100, 450, 'dude');

  player.setBounce(0.2);
  player.setCollideWorldBounds(true);

  this.physics.add.collider(player, platforms);

  cursors = this.input.keyboard.createCursorKeys();

  player.setBounce(0.2);
  player.setCollideWorldBounds(true);

  this.anims.create({
      key: 'left',
      frames: this.anims.generateFrameNumbers('dude', { start: 0, end: 3 }),
      frameRate: 10,
      repeat: -1
  });

  this.anims.create({
      key: 'turn',
      frames: [ { key: 'dude', frame: 4 } ],
      frameRate: 20
  });

  this.anims.create({
      key: 'right',
      frames: this.anims.generateFrameNumbers('dude', { start: 5, end: 8 }),
      frameRate: 10,
      repeat: -1
  });
  }

  function update ()
  {

    if (cursors.left.isDown)
    {
        player.setVelocityX(-160);

        player.anims.play('left', true);
    }
    else if (cursors.right.isDown)
    {
        player.setVelocityX(160);

        player.anims.play('right', true);
    }
    else
    {
        player.setVelocityX(0);

        player.anims.play('turn');
    }

    if (cursors.up.isDown && player.body.touching.down)
    {
        player.setVelocityY(-330);
    }
  }
  }
});

Я вызвал игровую функцию с помощью {{game}}, но японял, когда я сменил маршрут моего сайта, игра была на каждой странице.Есть ли способ изолировать игру только от одного шаблона / области?Он даже дублировался после того, как я вернулся на исходную страницу, где я поместил {{game}}.

Спасибо за любую помощь!

...