PIXI JS，精靈現在顯示，沒有任何錯誤

我有以下代碼：PIXI JS，精靈現在顯示，沒有任何錯誤

var viewWidth, viewHeight, renderer, stage, loader; 
var rendererOptions = { 
    transparent: true 
}; 

function init() { 
    viewWidth = window.innerWidth; 
    viewHeight = window.innerHeight; 
    renderer = PIXI.autoDetectRenderer(viewWidth, viewHeight, rendererOptions); 
    renderer.view.className = "rendererView"; 

    // add to DOM 
    document.body.appendChild(renderer.view); 

    // create stage 
    stage = new PIXI.Container(); 
    stage.width = viewWidth; 
    stage.height = viewHeight; 
    stage.alpha = 0; 

    // load images 
    loader = PIXI.loader; 

    loader.add("images/bg.jpg"); 
    loader.once("complete", onAssetsLoaded); 
    loader.load(); 
} 

function onAssetsLoaded() { 
    console.log("assets loaded"); 

    createElements(); 
    update(); 
} 

function createElements() { 
    console.log("create elements"); 
    var bg = new PIXI.Sprite.fromImage("images/bg.jpg"); 

    bg.position.x = 200; 
    bg.position.y = 200; 

    stage.addChild(bg); 
} 

function update() { 
    render(); 
    requestAnimationFrame(update); 
} 

function render() { 
    renderer.render(stage); 
}

但我的精靈沒有顯示出來。這只是一張空白的畫布。我已經檢查了Chrome中的網絡標籤，它正在被加載。記錄舞臺，它有一個孩子;精靈，它有一個正確的baseUrl和一切。但它只是空白。而且我把這個放在我的網絡服務器上。

我打了一堵牆。有沒有人知道這可能是什麼？我正在使用最新版本的Pixi 3.0。

謝謝！

來源

2015-06-21 Alex Flink

有人知道這是什麼嗎？ –

解決它，這是我不好。我沒有意識到我已將舞臺的alpha設置爲0 ...

來源

2015-06-25 16:08:34

我不知道多少，但我認爲你必須加載圖像紋理，然後加載到精靈。

來源

2015-06-22 01:52:19 Mike

已經嘗試過了，對不起...這應該可以工作，這是一種完成同樣事情的便利方法。 http://pixijs.github.io/docs/PIXI.Sprite.html#.fromImage –

或者，也許這PIXI.loaders.Loader，不PIXI.loader

來源

2015-06-22 02:32:42 Mike

這似乎不是問題所在。代碼一直運行。我可以看到「創建元素」正在被記錄。 –

PIXI JS，精靈現在顯示，沒有任何錯誤

回答

相關問題