Html 狡猾,添加精灵的

Html 狡猾,添加精灵的,html,Html,我正在尝试HTML5游戏,发现了制作HTML5游戏的“狡猾”API 我查阅了文档,但是我的精灵不会出现。 到精灵表的路径是正确的,坐标也是正确的,所以我应该错过一些东西 有人有主意吗 这是我现在的代码,当我打开页面时,我有一个蓝色的屏幕。狡猾的背景 Crafty.scene('Scene1', function() { Crafty.background('rgb(150,215,255)'); Crafty.sprite('img/sprites.png', {in

我正在尝试HTML5游戏,发现了制作HTML5游戏的“狡猾”API 我查阅了文档,但是我的精灵不会出现。 到精灵表的路径是正确的,坐标也是正确的,所以我应该错过一些东西

有人有主意吗

这是我现在的代码,当我打开页面时,我有一个蓝色的屏幕。狡猾的背景

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;
});

以下是你可以尝试的三件事:

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

请尝试图像的完整路径,如下所示: 狡猾的精灵

打开开发者控制台,查看浏览器是否正在请求图像


该示例URL不起作用。您可以再试一次或将其放在JSFiddle.net上吗?还有,你有javascript错误吗?嘿,很抱歉链接不好,不过现在还是把它取下来了。找到了解决办法!我用的不是“2D,DOM,introbanner”,而是“2D,Canvas,introbanner”,听上去不错。你能给我的答案/评论投赞成票吗?如果它们有用,你能把它们标记为有用吗?