gpt4 book ai didi

javascript - Kaboom.js : how to set the background to an image

转载 作者:行者123 更新时间:2023-12-05 00:35:50 25 4
gpt4 key购买 nike

我正在制作一个 kaboom.js 游戏,我想将场景的背景设置为图像。我只能找到将背景更改为颜色的解决方案。我希望有人能帮帮忙!

最佳答案

在 Kaboom.js 中,没有对背景图像的特殊支持。但是,您可以使用带有 Sprite 组件的常规游戏对象作为背景图像。这是一个简单的例子:

async function init() {
kaboom();
let bgImage = await loadSprite("background", "https://www.paulwheeler.us/files/windows-95-desktop-background.jpg");

let background = add([
sprite("background"),
// Make the background centered on the screen
pos(width() / 2, height() / 2),
origin("center"),
// Allow the background to be scaled
scale(1),
// Keep the background position fixed even when the camera moves
fixed()
]);
// Scale the background to cover the screen
background.scaleTo(Math.max(
width() / bgImage.tex.width,
height() / bgImage.tex.height
));
}

init();
<script src="https://cdn.jsdelivr.net/npm/kaboom@2000.1.8/dist/kaboom.js"></script>

关于javascript - Kaboom.js : how to set the background to an image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70559159/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com