狡猾，添加精灵

Question

我正在尝试使用HTML5游戏并找到了“Crafty”API来制作HTML5游戏 我查阅了文档，但我的精灵不会出现。 spritesheet的路径是正确的，协调也是正确的，所以我应该错过一些东西。

有人有想法吗？

现在这是我的代码，当我打开页面时，我有一个蓝屏。 （Crafty.background）

Crafty.scene('Scene1', function() {

    Crafty.background('rgb(150,215,255)');
    Crafty.sprite('img/sprites.png', 
    {introbanner: [0, 0, 100, 100]});

    var banner = Crafty.e('2D, DOM, introbanner');
    banner.x = 20;
    banner.y = 20;
});

Answer 1

以下是您可以尝试的三件事：

1. 确保从Web服务器加载HTML。在浏览器中加载时，本地加载的文件具有安全限制。如果您在地址栏中看到file:，请将文件移至服务器上，然后使用http:

重试

2. 尝试图像的完整路径，如下所示：  Crafty.sprite（＆＃39; http://www.domain.com/img/sprites.png＆＃39;，

3. 打开开发者控制台，查看图片是否被浏览器请求。