流星+相位器/小精灵

我有两个问题要暴露。

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

第二：我已经用相位器做了一些实验，我从大气js下载了流星的相位器包，但我甚至无法将图像加载到浏览器中。似乎相位器无法加载图像(尽管路径正确(，但 Meteor 向浏览器发送了一个 200 OK 响应，该响应为空，并且标头上的类型也是错误的，它说文本/html，而它应该说图像/png。我的问题与这个问题有关 流星和相位器 - 加载资产时出错，但提出的解决方案对我不起作用。

我的文件结构：

npm-debug.log phaser-test.html public相位器测试.css相位器测试.js

我的相位器测试.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
    });
}

任何帮助将不胜感激。

谢谢大家！