Javascript(与相位器)错误显示游戏的颜色-括号

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

本文关键字：游戏 显示 颜色 括号 错误 Javascript      更新时间：2023-09-26

我在JS(和HTML)使用相位器改变游戏的背景颜色有问题。我使用括号版本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"。我遵循教科书(虽然制作不同的游戏-我没有使用相位器一段时间，所以用它来提醒我!)我把课本上的内容复制粘贴到我的文件里，但还是出现了错误。这些是我的文件:

<!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');
顺便说一句，我包含了我的代码，而不是教科书中的代码(尽管它们应该是相同的)。教材是Thomas Palef的《Discover Phaser》

编辑:背景色是教科书的颜色，旁边的评论是我的背景色。我用课本的颜色来确保我的颜色没有问题——没有。

你的另一个问题的答案- 127.0.0.1表示'localhost'或'this computer';最有可能的是，括号运行它自己的服务器，当它在本地运行时，可以通过这个地址访问。如果你只是在运行一些基本的设置代码，那么现在通过文件URL访问index.html可能是没问题的，但是一旦你开始加载资产(图像，声音等)，你的浏览器很可能会开始抛出跨源请求错误，你将需要通过本地服务器访问游戏。

修复!愚蠢的错误。

我:

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

代替:

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

感谢大家的时间!

相关文章：