Upit | Learn about creating the game Demolition derby with gen AI

/**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Create gameplay background - 4/5 of screen height (top portion) var gameplayBackground = game.attachAsset('gameplayBg', { x: 0, y: 0, anchorX: 0, anchorY: 0 }); // Create UI background - 1/5 of screen height (bottom portion) var uiBackground = game.attachAsset('uiBg', { x: 0, y: 2186, anchorX: 0, anchorY: 0 });

===================================================================
--- original.js
+++ change.js
@@ -7,18 +7,18 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create gameplay background container (4/5 of screen height in upper portion)
-var gameplayBackground = new Container();
-gameplayBackground.x = 0;
-gameplayBackground.y = 0;
-gameplayBackground.width = 2048;
-gameplayBackground.height = 2732 * 4 / 5; // 4/5 of screen height
-game.addChild(gameplayBackground);
-// Create UI container (1/5 of screen height in lower portion)
-var uiContainer = new Container();
-uiContainer.x = 0;
-uiContainer.y = 2732 * 4 / 5; // Position at bottom 1/5
-uiContainer.width = 2048;
-uiContainer.height = 2732 * 1 / 5; // 1/5 of screen height
-game.addChild(uiContainer);
\ No newline at end of file
+// Create gameplay background - 4/5 of screen height (top portion)
+var gameplayBackground = game.attachAsset('gameplayBg', {
+	x: 0,
+	y: 0,
+	anchorX: 0,
+	anchorY: 0
+});
+// Create UI background - 1/5 of screen height (bottom portion)  
+var uiBackground = game.attachAsset('uiBg', {
+	x: 0,
+	y: 2186,
+	anchorX: 0,
+	anchorY: 0
+});
\ No newline at end of file

Creation History

Images

Used plugins