流星+移相器/ Pixi

我有两个问题要公开。流星+移相器/ Pixi

第一：我正在一个网站上工作，我正在使用流星来处理前端后端和数据库，因为我没有太多的经验处理各种各样的接口。我喜欢流星，但我需要添加动画图形（主要是2D动画），我正在考虑使用Phaser或Pixi，但我不确定是否有任何这些是正确的工具（我没有试图做一场比赛，只是动画）。我想知道是否有其他工具最适合做我之前描述的工作。

第二：我已经用相位器进行了一些实验，我从环境js下载了用于流星的相位器包，但我甚至无法将图像加载到浏览器。看起来移相器不能加载图像（尽管路径是正确的），但流星发送一个200 OK响应给浏览器是空的，并且头上的类型是错误的，它说text/html，当它应该说图像/ PNG。我的问题涉及这个问题Meteor and Phaser - error loading asset，但提出的解决方案并不适合我。

我的文件结构：

NPM-移相器的debug.log，test.html的公共移相器，移相器test.css - test.js

我的移相器，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 
    }); 
}

任何帮助将不胜感激。

谢谢你们！

来源

2015-11-04 António Quadrado

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

来源

2015-11-04 18:27:39

参考图像非常感谢Michel，这确实解决了我的问题！ –

流星+移相器/ Pixi

回答

相关问题