javascript - 如何移相器 : to change image file

Question

我目前正在开发这款游戏，但在图像加载方面遇到了问题。或者我应该说“卸载？”

我有这个图像文件“圆”，我使用这个图像文件来创建 Sprite “球”。我删除了这个文件“circle”并放置了新文件并将其重命名为“circle”。基本上，我替换了它。

但是，当我保存工作并刷新游戏时，它仍然使用旧文件，尽管它不再位于我的 Assets 文件夹中!当我将文件名更改为“circle1”等其他名称时，它突然再次工作(意味着加载了新图像)。然后当我切换回“圆圈”时，它又回到旧图像。

game.load.image('circle',       'assets/circle.gif');

附注我尝试重新启动计算机和 MAMP 服务器。

Answer 1

发生这种情况是因为浏览器缓存了资源。基本上，浏览器首先在缓存中查找，发现具有此名称和此 URL 的文件已经存在，并决定不需要转向服务器，因此它会向您显示旧文件。清除浏览器的缓存，您应该会看到新文件。

从 Phaser 的 Angular 来看，一个解决方法是向文件添加简单的版本控制，而不是

game.load.image('circle', 'assets/circle.gif');,

您执行以下操作:

var version = 1;
game.load.image('circle', 'assets/circle.gif' + '?' + version);

并在每次更改 Assets 时更改版本的值。