Estoy creando un juego kaboom.js y quiero establecer el fondo de una escena en una imagen. Solo puedo encontrar soluciones para cambiar el fondo a un color. ¡Espero que alguien pueda ayudar!
En Kaboom.js no hay soporte especial para imágenes de fondo. Sin embargo, puede usar un objeto de juego normal con un componente de sprite como imagen de fondo. Aquí hay un ejemplo simple:
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>