javascript - PIXI js， Sprite 未显示，没有错误

Question

我有以下代码:

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

但是我的 Sprite 没有出现。这只是一 block 空白的 Canvas 。我检查了 chrome 中的网络选项卡，它正在加载。记录阶段，它有一个 child ； Sprite ，它有一个正确的baseUrl 和一切。但这只是空白。我已将其放在我的网络服务器上。

我碰壁了。有谁知道这可能是什么？我使用的是最新版本的 Pixi，3.0。

谢谢!

Answer 1

解决了，是我的错。我没有意识到我已将舞台的 Alpha 设置为 0...