2014-10-05 39 views
0

我想弄清楚如何使用Pixi.js與流星,但所有我在黑屏。 這裏是Meteorpad一個例子:Pixijs與流星得到黑色帆布

http://meteorpad.com/pad/F23Du5XsCKMw9ZrWa

任何人都可以請什麼可能是錯誤的幫助?

感謝

+0

我檢查了您的meteorpad,並在控制檯中看到您遇到CORS策略問題。認爲這可能是圖像未加載的原因。 – 2014-10-05 15:49:03

+0

謝謝隊友,是的,我看到了,我用本地圖像在本地固定了它,但仍然存在問題。 – praneybehl 2014-10-05 21:45:33

回答

0

好吧,我想通了,我的代碼之前:

var stage = new PIXI.Stage(0x66FF99), 
     renderer = new PIXI.autoDetectRenderer(900,500, document.getElementById("stage")), 
     texture0 = PIXI.Texture.fromImage('http://www.greensock.com/_img/codepen/bezierCreature/creature.png'); 

    kzRocket = new PIXI.Sprite(texture0); 

    kzRocket.position.x = 30; 
    kzRocket.position.y = 140; 
    stage.addChild(kzRocket); 

它缺少在最後的渲染調用。對於像我這樣陷入困境的其他人來說,這是固定版本。

var stage = new PIXI.Stage(0x66FF99), 
     renderer = new PIXI.autoDetectRenderer(900,500, document.getElementById("stage")), 
     texture0 = PIXI.Texture.fromImage('http://www.greensock.com/_img/codepen/bezierCreature/creature.png'); 

    kzRocket = new PIXI.Sprite(texture0); 

    kzRocket.position.x = 30; 
    kzRocket.position.y = 140; 
    stage.addChild(kzRocket); 
    renderer.render(stage);