狡猾，添加精灵的

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

这里有3个东西，你可以尝试：

1. 确保您的HTML是从Web服务器加载。在浏览器中加载时，本地加载的文件具有安全限制。如果您在地址栏中看到file:，移动文件到服务器，并再次尝试使用http:

2. 尝试的完整路径，你的形象，像这样： Crafty.sprite（“http://www.domain.com/img/sprites.png”，

3. 开放开发人员控制台并查看图像是否被您的浏览器请求。