2014-09-22 100 views
1

我正在試驗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; 
}); 

回答

0

這裏有3個東西,你可以嘗試:

  1. 確保您的HTML是從Web服務器加載。在瀏覽器中加載時,本地加載的文件具有安全限制。如果您在地址欄中看到file:,移動文件到服務器,並再次嘗試使用http:

  2. 嘗試的完整路徑,你的形象,像這樣: Crafty.sprite(「http://www.domain.com/img/sprites.png」,

  3. 開放開發人員控制檯並查看圖像是否被您的瀏覽器請求。

+0

該示例URL不起作用您可以再試一次或將它放在JSFiddle.net上嗎?另外,您是否收到任何javascript錯誤? – Scott 2014-09-22 17:56:07

+1

嘿,對不起,不好的鏈接,但無論如何,現在把它拿下來。找到了一個修復! 而不是'2D,DOM,introbanner'我用'2D,帆布,introbanner' – user3570796 2014-09-22 19:44:37

+0

哦,很高興聽到。如果他們幫助,您能否提出我的答覆/評論或標記爲有幫助的? – Scott 2014-09-22 20:42:31