无法让Phaser工作

时间:2014-04-10 21:57:43

标签: javascript html5 phaser-framework

在过去的几天里,我一直无法让移相器工作:只是试着测试一个hello world程序。我完全遵循了phaser网站上的指示,但它仍然不适合我。

我正在使用node.js。

这是index.html:

<!DOCTYPE html>
<html>

<head>
     <meta charset="utf-8" />
     <title>Hello World</title>

     <style>
        #game_div {
        width: 500px;
        margin: auto;
        margin-top: 50px;
      }
    </style>

    <script type="text/javascript" src="phaser.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>

<body>

    <div id="game_div"> </div>

</body>

</html>

这是main.js:

/*jslint node: true */
"use strict";
var game = new Phaser.Game(400, 490, Phaser.AUTO, 'game_div');

var main_state = {

    preload: function () {
        game.load.image('hello', 'assets/hello.png');
    },

    create: function () {
        this.hello_sprite = game.add.sprite(200, 245, 'hello');
    },

    update: function () {
        this.hello_sprite.angle += 1;
    }
}

game.state.add('main', main_state);
game.state.start('main');

它给我的错误是:

  

'Phaser'在定义之前使用。
  var game = new Phaser.Game(400,490,Phaser.AUTO,'game_div');

我真的试过寻找解决方案,但我找不到任何错误。我是JavaScript和移植器的新手。

2 个答案:

答案 0 :(得分:6)

上面的SecurityError指向问题的根源:您正在浏览器中直接打开文件,在该浏览器下,您无权访问此类本地文件。它需要通过Web服务器提供。如果您需要任何帮助,我们将在网站的“入门指南”中介绍它。

答案 1 :(得分:0)

在谷歌浏览器快捷方式中读取chrome.exe尝试添加--allow-file-access-from-files然后打开浏览器并加载linux的网页将/usr/bin/google-chrome-stable %U --allow-file-access-from-files它对我来说图像加载了甚至在本地运行时