javascript - PIXI js,sprite现在显示,没有错误

  显示原文与译文双语对照的内容
0 0

我有以下代码:

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 中的网络标签,它正在加载。 记录舞台,它有一个孩子;这个子弹有一个正确的,和一切。 但这是空白的我把它放在我的服务器上。

我撞到了一个墙有谁知道这可以能是什么? 我正在使用最新版本的Pixi,3.0.

谢谢!

时间:原作者:4个回答

0 0

我不知道,但我想你必须加载图像到纹理,然后加载到 sprite 。

原作者:
0 0

或者可能是 pixi 。装载机。装载机,不是 PIXI.loader

原作者:
0 0

解决了,那是我的错。 我没意识到我把舞台的alpha设置为 0.。

原作者:
...