Javascript PixiJS填充背景屏幕
我想知道怎样才能把我的背景图像填充到全屏。 我有适当的功能,一旦你调整浏览器的大小,就可以调整它的大小。但是,在加载时,它不会将图像显示为已满。。代码如下:Javascript PixiJS填充背景屏幕,javascript,html,pixi.js,Javascript,Html,Pixi.js,我想知道怎样才能把我的背景图像填充到全屏。 我有适当的功能,一旦你调整浏览器的大小,就可以调整它的大小。但是,在加载时,它不会将图像显示为已满。。代码如下: function init() { renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.view); renderer.backgroundColo
function init() {
renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.view);
renderer.backgroundColor = 0xffffff;
stage = new PIXI.Container();
renderer.view.style.position = "absolute";
renderer.view.style.display = "block";
renderer.autoResize = true;
renderer.resize(window.innerWidth, window.innerHeight);
window.addEventListener("resize", function(event){
scaleToWindow(renderer);
});
PIXI.loader
.add(["img/background.png", "img/buttons/spin.png", "img/buttons/home.png", "img/buttons/soundon.png",
"img/buttons/soundoff.png", "img/buttons/paytable.png", "img/buttons/stakefield.png", "img/buttons/up.png",
"img/buttons/down.png", "img/buttons/no.png", "img/buttons/yes.png", "img/quitgame.png", "img/sym/blue_jelly.png",
"img/sym/black_jelly.png", "img/sym/green_jelly.png", "img/sym/purple_jelly.png", "img/sym/red_jelly.png", "img/sym/yellow_jelly.png"])
.on("complete", assetLoad)
.load();
}
然后assetLoad函数将引入资产-背景引入的示例:
function assetLoad() {
var background = new PIXI.Sprite(PIXI.loader.resources["img/background.png"].texture);
background.scale.set(1.05, 1.05);
background.position.set(0, 0);
var balancetxt = new PIXI.Text("£ " + balance.toString(), {
fontFamily: "Arial",
fill: 0xFFFFFF,
fontSize: 50,
align: 'left'
});
balancetxt.anchor.set(-4.5, -0.3);
background.addChild(balancetxt);
}
您的意思是,调整大小工作正常,但初始加载不正常?在整个游戏设置完成后,你不能直接调用scaleToWindow吗?在初始加载时,背景不会填充整个窗口。我所说的“调整大小”是指当我们调整窗口大小时,背景图像响应良好。您能用plunkr或JSFIDLE设置一个工作示例吗你可以在这里看到游戏。你的意思是,调整大小工作正常,但初始加载不正常?在整个游戏设置完成后,你不能直接调用scaleToWindow吗?在初始加载时,背景不会填充整个窗口。我所说的“调整大小”是指当我们调整窗口大小时,背景图像响应良好。您能用plunkr或JSFIDLE设置一个工作示例吗你可以在这里看到比赛。