Pixi JS, спрайт теперь показывает, никаких ошибок

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

Но мой спрайт не отображается. Это просто пустой холст. Я проверил вкладку сети в chrome, она загружается. Занимаясь на сцене, у нее есть один ребенок; спрайт, который имеет правильный baseUrl и все такое. Но это просто пусто. И я положил это на свой веб-сервер.

Я ударил стену. Кто-нибудь знает, что это может быть? Я использую последнюю версию Pixi, 3.0.

Спасибо!

Answer 1

решаемая, это было мое плохое. Я не понимал, что настроил альфа сцены на 0 ...

Answer 2

Я не знаю многого, но я думаю, что вам нужно загрузить изображение в текстуру, а затем загрузить это спрайт.

Answer 3

Или, может быть, это PIXI.loaders.Loader, не PIXI.loader