Javascript游戏不加载精灵，但加载竞技场

Question

https://github.com/mliu95/quintus-tag

源代码在那里。

我正在关注刘的教程（https://mliu95.github.io/2014/09/16/Creating-an-online-multiplayer-web-game-using-Socketio-and-Quintus-Part2/）

第1部分完美无缺（单人游戏可移动精灵）。但是，在引入多人游戏时（通过使用localhost：8080打开多个窗口完成），精灵根本不会出现在屏幕上。

此外，您正在处理网络方面的完整菜鸟。我知道有相当数量的Java但没有任何经验。任何建议将不胜感激。

Answer 1

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

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

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

我假设你的精灵是404'（没有找到），所以这是一个可能的修复。

您的文件结构可能与他不一样，您在哪里存储精灵图像（在您的电脑上）？它需要与上面显示的路径相同。精灵应位于YourProjectFolder / images中。确保您的精灵文件名为sprites.png

确保正确放置所有这些文件后，打开开发人员工具（f12），前往网络选项卡，选中“禁用缓存”框（如果您使用的是Chrome）。并刷新。

它应该在这些更改后加载您的精灵，如果没有，您需要发布您正在运行的特定错误。刷新后，如果仍无法找到错误，错误将显示在开发人员工具中。

祝你好运