2016-07-25 31 views
0

https://github.com/mliu95/quintus-tagJavascript游戏不加载精灵,但加载竞技场

源代码就在那里。

我下面这个(https://mliu95.github.io/2014/09/16/Creating-an-online-multiplayer-web-game-using-Socketio-and-Quintus-Part2/

第1部分刘的教程工作完全罚款(单人游戏有可移动的精灵)。然而,在引入多人游戏(通过打开多个窗口与本地主机:8080完成),精灵根本不会出现在屏幕上。 enter image description here

此外,您正在处理网络方面的完整noob。我知道很多Java,但没有任何经验。任何建议将不胜感激。

+0

您是否尝试过打开开发人员工具(f12),并查看网络选项卡中是否加载了子画面?如果不是,那么错误是什么? – Edon

+0

您也可以使用devtools调试javascript – Kerstomaat

+0

如何打开开发人员工具? –

回答

0

您没有提供太多的信息可以继续下去,也没有在可以澄清问题的评论中回答我的问题。

但这里是我认为正在发生的事情,在本教程的part one他列出了他的精灵路径在这里:

var files = [ 
'/images/tiles.png', 
'/maps/arena.json', 
'/images/sprites.png', 
'/images/sprites.json' 
]; 

我假设你的精灵都404'ing(未找到),所以在这里是一个可能的修复。

你的文件结构可能与他不一样,你在哪里在本地存储精灵图像(在你的电脑上)?它需要与上面所示的路径相同。精灵应该位于YourProjectFolder/images中。确保您的精灵文件名为sprites.png

确保所有这些文件都正确放置后,打开您的开发人员工具(f12),前往网络选项卡,选中“禁用缓存”框(如果您“重新铬)。并刷新。

它应该在这些改变后加载你的精灵,如果没有,你需要发布你正在运行的具体错误。如果刷新后错误仍会显示在开发人员工具中,但仍然无法找到它们。

祝你好运

+0

加载资源失败:net :: ERR_CONNECTION_TIMED_OUT –

+0

这是错误。我试图禁用缓存,但似乎没有解决问题。还检查了精灵文件及其位置。这工作在单人版本(他的教程的第1部分) –

+0

这很奇怪。可能是一个adblock问题? http://stackoverflow.com/a/16489976/6437335我会尝试再次发布,也许与网络选项卡打开错误的屏幕截图,并粘贴在您的代码的相关部分 – Edon