我在使用 Phaser 更改游戏背景颜色的 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”。我正在遵循一本教科书(虽然制作了一个不同的游戏 - 我有一段时间没有使用 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');
顺便说一句,我包含了我的代码,而不是教科书中的代码(尽管它们应该是相同的)。教科书是 Thomas Palef 的《Discover Phaser》
编辑:背景颜色保留教科书的颜色,旁边的注释包含我的背景颜色。我使用教科书的颜色来确保我的颜色没有问题 - 没有。
最佳答案
您的其他问题的答案 - 127.0.0.1 表示“本地主机”或“这台计算机”; Brackets 很可能运行自己的服务器,当在本地运行时,可以通过该地址进行访问。如果您只是运行一些基本的设置代码,现在通过文件 URL 访问 index.html 可能没问题,但是一旦开始加载资源(图像、声音等),您的浏览器很可能会开始抛出跨域请求错误,您需要通过本地服务器访问游戏。
关于Javascript(使用 Phaser)错误显示游戏颜色 - 括号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31949378/