Javascript（使用 Phaser）错误显示游戏的颜色 -Brackets

Question

我在 JS（和 HTML）中使用 Phaser 更改游戏背景颜色时遇到问题。我正在使用括号版本 1.3 并使用实时预览功能来查看我的代码（使用 Chrome）。我以前没有遇到过这个问题，虽然自从升级到 Windows 10 后我没有在括号中使用 Phaser。另外，我刚刚注意到我在预览中的 URL 已经从文件目标改变了 -例如"C:\Users\Daniel\Desktop\HTML5 Games(Phaser)\Simple Jump Game\index.html" - 一个奇怪的 IP 样式 URL（但它不是我的 IPV4、IPV6 或默认网关）。它显示 - “http://127.0.0.1:55312/index.html”。我正在按照一本教科书（虽然制作了一个不同的游戏 - 我有一段时间没有使用 Phaser 所以用它来提醒我！）并且已经从教科书复制并粘贴到我的文件中但我仍然遇到错误.这些是我的文件：

<!DOCTYPE html>
<html>

  <head>

    <title>Simple Jump game</title>
    <meta charset="utf-8"/>

    <!--Script files-->
    <script type="text/javascript" src="JS/phaser.min.js"></script>
    <script type="text/javascript" src="JS/main.js"></script>

  </head>

  <body>
     <div id="gameDiv"></div>
 </body>
 </html>

还有我的 JS：

 //The main state of our game
var mainState = { 

    preload: function() { //A function which loads everything (e.g assets),       before the game starts


    },

    create: function() { //A function which physicly adds everything into     our game(e.g sprites)
         game.stage.backgroundColor = '#84B6F7'

         game.physics.startSystem(Phaser.Physics.ARCADE);
    },

    update: function() { //A function which is called 60 times per second and holds all of the game's logic.


    },

};


//Create a new game, using our 'gameDiv' and store it in 'game'
var game = new Phaser.Game(500, 340, Phaser.AUTO, 'gameDiv');


//Add the mainState to our game (as 'main') and start it.
game.add.state('main', mainState);
game.state.start('main');

顺便说一句，我包括了我的代码而不是教科书中的代码（尽管它们应该是相同的）。教科书 'Discover Phaser' 作者 Thomas Palef

编辑：背景颜色保留教科书的颜色，旁边的评论包含我的背景颜色。我使用教科书的颜色来确保我的颜色没有问题——没有。

Answer 1

已修复！愚蠢的错误。

我做到了：

game.add.state('main', mainState);

而不是：

game.state.add('main', mainState);

感谢大家的宝贵时间！

Answer 2

您其他问题的答案 - 127.0.0.1 表示 'localhost' 或 'this computer'；最有可能的是 Brackets 运行自己的服务器，当运行在本地时，可以通过该地址访问该服务器。如果您只是运行一些基本的设置代码，现在通过它的文件 URL 访问 index.html 可能没问题，但是一旦您开始加载资产（图像、声音等） on)，您的浏览器很可能会开始抛出跨域请求错误，您将需要通过本地服务器访问游戏。

Javascript（使用 Phaser）错误显示游戏的颜色 -Brackets

Javascript (with Phaser) error showing colour of game -Brackets

html

javascript

adobe-brackets

phaser-framework