狡猾，添加精灵的

我正在试验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; 
});

来源

2014-09-22 user3570796

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

确保您的HTML是从Web服务器加载。在浏览器中加载时，本地加载的文件具有安全限制。如果您在地址栏中看到file:，移动文件到服务器，并再次尝试使用http:
尝试的完整路径，你的形象，像这样： Crafty.sprite（“http://www.domain.com/img/sprites.png”，
开放开发人员控制台并查看图像是否被您的浏览器请求。

来源

2014-09-22 16:23:20 Scott

该示例URL不起作用您可以再试一次或将它放在JSFiddle.net上吗？另外，您是否收到任何javascript错误？ – Scott 2014-09-22 17:56:07

嘿，对不起，不好的链接，但无论如何，现在把它拿下来。找到了一个修复！而不是'2D，DOM，introbanner'我用'2D，帆布，introbanner' – user3570796 2014-09-22 19:44:37

哦，很高兴听到。如果他们帮助，您能否提出我的答复/评论或标记为有帮助的？ – Scott 2014-09-22 20:42:31

狡猾，添加精灵的

回答

相关问题