javascript - PIXI js， Sprite 未显示，无错误

我有以下代码：

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中的网络标签，该标签正在加载中。记录舞台，它有一个孩子。 Sprite，它具有正确的baseUrl和所有内容。但这只是空白。我已经把它放在我的网络服务器上了。

我撞墙了。有谁知道这可能是什么？我正在使用最新版本的Pixi 3.0。

谢谢！

最佳答案

解决了，这是我的坏事。我没意识到我已经将舞台的alpha设置为0 ...