Upit | Learn about creating the game The Collector with gen AI

/**** * Classes ****/ // House class representing upgradeable houses var House = Container.expand(function () { var self = Container.call(this); var houseGraphics = self.attachAsset('house', { anchorX: 0.5, anchorY: 0.5 }); self.upgrade = function (resource) { // Logic for upgrading house with a resource }; }); /**** * Initialize Game ****/ //<Assets used in the game will automatically appear here> //<Write imports for supported plugins here> var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Add a '4' at the position where grid4 was var text4 = new Text2('4', { size: 50, fill: 0xFFFFFF }); text4.anchor.set(0.5, 0.5); text4.x = 303 + 101 * 5.1 / 2; text4.y = 0 + 30 * 5 / 2; game.addChildAt(text4, game.children.length); // Add a '0' in the middle of grid2 var zeroTextGrid2 = new Text2('0', { size: 50, fill: 0xFFFFFF }); zeroTextGrid2.anchor.set(-10.6, 0.5); zeroTextGrid2.x = 101 + 101 * 5.1 / 2; zeroTextGrid2.y = 0 + 30 * 5 / 2; game.addChildAt(zeroTextGrid2, game.children.length); // Initialize arrays and variables var resources = []; var houses = []; var score = 0; // Function to create houses function createHouse(x, y) { var house = new House(); house.x = x; // Position the house at the given x coordinate house.y = y; // Position the house at the given y coordinate houses.push(house); game.addChild(house); } createHouse(1705, 1580); var wall = LK.getAsset('wall1', { anchorX: 0.5, anchorY: -2, x: 1017, y: 0, scaleX: 2 }); game.addChild(wall); game.down = function (x, y, obj) {}; game.up = function (x, y, obj) {}; // Update game logic // Add a '1' at the position where grid1 was var text1 = new Text2('1', { size: 50, fill: 0xFFFFFF }); text1.anchor.set(-6.7, 0.6); text1.x = 0 + 101 * 5.1 / 2; text1.y = 0 + 30 * 5 / 2; game.addChild(text1); // Add a '2' at the position where grid2 was var text2 = new Text2('2', { size: 50, fill: 0xFFFFFF }); text2.anchor.set(-22, 0.6); text2.x = 101 + 101 * 5.1 / 2; text2.y = 0 + 30 * 5 / 2; game.addChild(text2); // Add a '3' at the position where grid3 was var text3 = new Text2('3', { size: 50, fill: 0xFFFFFF }); text3.anchor.set(-37.3, 0.6); text3.x = 202 + 101 * 5.1 / 2; text3.y = 0 + 30 * 5 / 2; game.addChildAt(text3, game.children.length); // Add a '0' in the middle of grid4 var zeroTextGrid4 = new Text2('0', { size: 50, fill: 0xFFFFFF }); zeroTextGrid4.anchor.set(-52.5, 0.6); zeroTextGrid4.x = grid4.x + grid4.width * grid4.scaleX / 2; zeroTextGrid4.y = grid4.y + grid4.height * grid4.scaleY / 2; game.addChildAt(zeroTextGrid4, game.children.length); // Add a '5' at the position where grid5 was var text5 = new Text2('5', { size: 50, fill: 0xFFFFFF }); text5.anchor.set(-6.7, -2.1); text5.x = 404 + 101 * 5.1 / 2; text5.y = 0 + 30 * 5 / 2; game.addChildAt(text5, game.children.length); // Add a '6' at the position where grid6 was var text6 = new Text2('6', { size: 50, fill: 0xFFFFFF }); text6.anchor.set(-22, -2.1); text6.x = 505 + 101 * 5.1 / 2; text6.y = 0 + 30 * 5 / 2; game.addChildAt(text6, game.children.length); // Add grass asset to the game as background var grass = LK.getAsset('grass', { anchorX: 0.5, anchorY: -1, x: 1024, y: 1366, scaleX: 1, scaleY: 1 }); game.addChildAt(grass, 0); // Add sky asset to the game as background var sky = LK.getAsset('sky', { anchorX: 0.5, anchorY: 0.55, x: 1024, y: 1200, scaleX: 7, scaleY: 6 }); game.addChildAt(sky, 0); // Add dirt asset to the game as background var dirt = LK.getAsset('dirt', { anchorX: 0.10, anchorY: -1.66, x: 100, y: 500, scaleX: 19, scaleY: 3 }); game.addChildAt(dirt, 1); // Add a '7' at the position where grid7 was var text7 = new Text2('7', { size: 50, fill: 0xFFFFFF }); text7.anchor.set(-37.3, -2.1); text7.x = 606 + 101 * 5.1 / 2; text7.y = 0 + 30 * 5 / 2; game.addChildAt(text7, game.children.length); // Add an '8' at the position where grid8 was var text8 = new Text2('8', { size: 50, fill: 0xFFFFFF }); text8.anchor.set(-52.5, -2.1); text8.x = 707 + 101 * 5.1 / 2; text8.y = 0 + 30 * 5 / 2; game.addChildAt(text8, game.children.length); game.update = function () { houses.forEach(function (house) { // Logic for house updates }); };

===================================================================
--- original.js
+++ change.js
@@ -24,27 +24,17 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create grid4 and position it next to grid3
-var grid4 = LK.getAsset('grid', {
-	anchorX: -2.4,
-	anchorY: 0.0,
-	x: grid1.width + grid2.width + grid3.width,
-	y: 0,
-	scaleX: 5.1,
-	scaleY: 5
-});
-game.addChild(grid4);
-// Add a '0' in the middle of grid4
-var zeroText = new Text2('0', {
+// Add a '4' at the position where grid4 was
+var text4 = new Text2('4', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroText.anchor.set(0.5, 0.5);
-zeroText.x = 0 + 101 * 5.1 / 2;
-zeroText.y = 0 + 30 * 5 / 2;
-game.addChildAt(zeroText, game.children.length);
+text4.anchor.set(0.5, 0.5);
+text4.x = 303 + 101 * 5.1 / 2;
+text4.y = 0 + 30 * 5 / 2;
+game.addChildAt(text4, game.children.length);
 // Add a '0' in the middle of grid2
 var zeroTextGrid2 = new Text2('0', {
 	size: 50,
 	fill: 0xFFFFFF
@@ -76,65 +66,35 @@
 game.addChild(wall);
 game.down = function (x, y, obj) {};
 game.up = function (x, y, obj) {};
 // Update game logic
-// Create grid1 and position it on the top left
-var grid1 = LK.getAsset('grid', {
-	anchorX: 0.0,
-	anchorY: 0.0,
-	x: 0,
-	y: 0,
-	scaleX: 5.1,
-	scaleY: 5
-});
-game.addChild(grid1);
-// Add a '0' in the middle of grid1
-var zeroText = new Text2('0', {
+// Add a '1' at the position where grid1 was
+var text1 = new Text2('1', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroText.anchor.set(-6.7, 0.6);
-zeroText.x = grid1.x + grid1.width * grid1.scaleX / 2;
-zeroText.y = grid1.y + grid1.height * grid1.scaleY / 2;
-game.addChild(zeroText);
-// Create grid2 and position it next to grid1
-var grid2 = LK.getAsset('grid', {
-	anchorX: -0.8,
-	anchorY: 0.0,
-	x: grid1.width,
-	y: 0,
-	scaleX: 5.1,
-	scaleY: 5
-});
-game.addChild(grid2);
-// Add a '0' in the middle of grid2
-var zeroTextGrid2 = new Text2('0', {
+text1.anchor.set(-6.7, 0.6);
+text1.x = 0 + 101 * 5.1 / 2;
+text1.y = 0 + 30 * 5 / 2;
+game.addChild(text1);
+// Add a '2' at the position where grid2 was
+var text2 = new Text2('2', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid2.anchor.set(-22, 0.6);
-zeroTextGrid2.x = grid2.x + grid2.width * grid2.scaleX / 2;
-zeroTextGrid2.y = grid2.y + grid2.height * grid2.scaleY / 2;
-game.addChild(zeroTextGrid2);
-// Create grid3 and position it next to grid2
-var grid3 = LK.getAsset('grid', {
-	anchorX: -1.6,
-	anchorY: 0.0,
-	x: grid1.width + grid2.width,
-	y: 0,
-	scaleX: 5.1,
-	scaleY: 5
-});
-game.addChild(grid3);
-// Add a '0' in the middle of grid3
-var zeroTextGrid3 = new Text2('0', {
+text2.anchor.set(-22, 0.6);
+text2.x = 101 + 101 * 5.1 / 2;
+text2.y = 0 + 30 * 5 / 2;
+game.addChild(text2);
+// Add a '3' at the position where grid3 was
+var text3 = new Text2('3', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid3.anchor.set(-37.3, 0.6);
-zeroTextGrid3.x = grid3.x + grid3.width * grid3.scaleX / 2;
-zeroTextGrid3.y = grid3.y + grid3.height * grid3.scaleY / 2;
-game.addChildAt(zeroTextGrid3, game.children.length);
+text3.anchor.set(-37.3, 0.6);
+text3.x = 202 + 101 * 5.1 / 2;
+text3.y = 0 + 30 * 5 / 2;
+game.addChildAt(text3, game.children.length);
 // Add a '0' in the middle of grid4
 var zeroTextGrid4 = new Text2('0', {
 	size: 50,
 	fill: 0xFFFFFF
@@ -142,26 +102,26 @@
 zeroTextGrid4.anchor.set(-52.5, 0.6);
 zeroTextGrid4.x = grid4.x + grid4.width * grid4.scaleX / 2;
 zeroTextGrid4.y = grid4.y + grid4.height * grid4.scaleY / 2;
 game.addChildAt(zeroTextGrid4, game.children.length);
-// Add a '0' in the middle of grid5
-var zeroTextGrid5 = new Text2('0', {
+// Add a '5' at the position where grid5 was
+var text5 = new Text2('5', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid5.anchor.set(-6.7, -2.1);
-zeroTextGrid5.x = grid5.x + grid5.width * grid5.scaleX / 2;
-zeroTextGrid5.y = grid5.y + grid5.height * grid5.scaleY / 2;
-game.addChildAt(zeroTextGrid5, game.children.length);
-// Add a '0' in the middle of grid6
-var zeroTextGrid6 = new Text2('0', {
+text5.anchor.set(-6.7, -2.1);
+text5.x = 404 + 101 * 5.1 / 2;
+text5.y = 0 + 30 * 5 / 2;
+game.addChildAt(text5, game.children.length);
+// Add a '6' at the position where grid6 was
+var text6 = new Text2('6', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid6.anchor.set(-22, -2.1);
-zeroTextGrid6.x = grid6.x + grid6.width * grid6.scaleX / 2;
-zeroTextGrid6.y = grid6.y + grid6.height * grid6.scaleY / 2;
-game.addChildAt(zeroTextGrid6, game.children.length);
+text6.anchor.set(-22, -2.1);
+text6.x = 505 + 101 * 5.1 / 2;
+text6.y = 0 + 30 * 5 / 2;
+game.addChildAt(text6, game.children.length);
 // Add grass asset to the game as background
 var grass = LK.getAsset('grass', {
 	anchorX: 0.5,
 	anchorY: -1,
@@ -190,26 +150,26 @@
 	scaleX: 19,
 	scaleY: 3
 });
 game.addChildAt(dirt, 1);
-// Add a '0' in the middle of grid7
-var zeroTextGrid7 = new Text2('0', {
+// Add a '7' at the position where grid7 was
+var text7 = new Text2('7', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid7.anchor.set(-37.3, -2.1);
-zeroTextGrid7.x = grid7.x + grid7.width * grid7.scaleX / 2;
-zeroTextGrid7.y = grid7.y + grid7.height * grid7.scaleY / 2;
-game.addChildAt(zeroTextGrid7, game.children.length);
-// Add a '0' in the middle of grid8
-var zeroTextGrid8 = new Text2('0', {
+text7.anchor.set(-37.3, -2.1);
+text7.x = 606 + 101 * 5.1 / 2;
+text7.y = 0 + 30 * 5 / 2;
+game.addChildAt(text7, game.children.length);
+// Add an '8' at the position where grid8 was
+var text8 = new Text2('8', {
 	size: 50,
 	fill: 0xFFFFFF
 });
-zeroTextGrid8.anchor.set(-52.5, -2.1);
-zeroTextGrid8.x = grid8.x + grid8.width * grid8.scaleX / 2;
-zeroTextGrid8.y = grid8.y + grid8.height * grid8.scaleY / 2;
-game.addChildAt(zeroTextGrid8, game.children.length);
+text8.anchor.set(-52.5, -2.1);
+text8.x = 707 + 101 * 5.1 / 2;
+text8.y = 0 + 30 * 5 / 2;
+game.addChildAt(text8, game.children.length);
 game.update = function () {
 	houses.forEach(function (house) {
 		// Logic for house updates
 	});

Creation History

Images

Sounds & Music

Used plugins