javascript - Meteor + Phaser/Pixi

Question

我有两个问题要揭露。

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

第二:我已经用phaser做了一些实验，我从atmosphere js下载了meteor的phaser包，但我什至无法将图像加载到浏览器中。看起来 Phaser 无法加载图像(尽管路径是正确的)，但是 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

引用图像