Question

我有两个问题要公开。

首先：我正在开发一个网站，我正在使用Meteor来处理前端后端和数据库，因为我没有那么多使用各种接口的经验。我喜欢Meteor，但我需要添加动画图形（主要是2d动画），我正在考虑使用Phaser或Pixi，但我不确定这些是否是正确的工具（我不是想做）游戏，只是动画）。我想知道是否有任何其他工具最适合做我之前描述的内容。

第二：我已经用相位器做了一些实验，我从大气js下载了流星的相位器包，但是我甚至无法将图像加载到浏览器中。似乎移相器无法加载图像（虽然路径是正确的）但是Meteor向浏览器发送200 OK响应是空的并且标题上的类型也是错误的，它说text / html，当它应该说image / PNG。我的问题涉及这个问题Meteor and Phaser - error loading asset，但提出的解决方案对我没有用。

我的文件结构：

npm-debug.log phaser-test.html public phaser-test.css phaser-test.js

我的phaser-test.js：

if (Meteor.isClient) {

    Template.game.helpers({

        game: function(){

          var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });

          function preload() {

              game.load.image('sky', 'public/sky2.png');
              game.load.image('ground', 'public/platform.png');
              game.load.image('star', '/star.png');
              game.load.spritesheet('dude', 'public/dude.png', 32, 48);


         }

         function create() {

             game.add.sprite(100, 100 , 'star');
             game.add.sprite(300, 300 , 'ground');  
             game.add.sprite(150, 150, 'sky');  
             game.add.sprite(200, 200, 'dude');  
        }

        function update() {


        }

     }

  });
}

if (Meteor.isServer) {
    Meteor.startup(function () {
       // code to run on server at startup
    });
}

非常感谢任何帮助。

谢谢你们！

Answer 1

假设您的图片位于应用根目录的public文件夹下，那么您的网址中不需要/public/。 public映射到/。即public/dude.png应为dude.png。通常我的项目中只有public/images文件夹，然后使用/images/name.png

引用图像

流星+ Phaser / Pixi

1 个答案: