【问题标题】:Meteor + Phaser/Pixi流星+移相器/ Pixi
【发布时间】:2015-11-05 02:29:55
【问题描述】:

我有两个问题要揭露。

首先:我正在开发一个网站,我正在使用 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
    });
}

任何帮助将不胜感激。

谢谢大家!

【问题讨论】:

    标签: javascript meteor


    【解决方案1】:

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

    【讨论】:

    • 非常感谢 Michel,这确实解决了我的问题!
    猜你喜欢
    • 2015-10-14
    • 1970-01-01
    • 2013-08-21
    • 1970-01-01
    • 2015-08-21
    • 1970-01-01
    • 1970-01-01
    • 2015-02-15
    • 1970-01-01
    相关资源
    最近更新 更多