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

Play

game-community-background

user photo

TheCollector580

game-pic

306

8

4mo

Hi everyone \(^0^)/ -This is my game named it (The collector). *Build and collect from what you build or place in the ground.

#strategy

#simulation

#resource

#empire

#upgrades

#score

#collecting

#IDL

Creation History

User prompt

Add more slots till the background2 space will be full with slots.

User prompt

Add more slots like 3 other lines of 4 slots

User prompt

Add another 4 slot below the second 4 slots

User prompt

Let some space between the first 4 slots and second

User prompt

Add 4 slots below the first slots that are synced in background2.

User prompt

sync them to the front of the background2 not from the back of it!

User prompt

Sync slots with background2

User prompt

Sync the slots with the background1

Code edit (1 edits merged)

Please save this source code

User prompt

Set the slots after the background2 image in the screen

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

set it after

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

Set the slots before background2 image

User prompt

Remove duplication of background2 and its slots!

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'background2.addChild(slot);' Line Number: 92

User prompt

Add 4 slots of slot asset to the background2 horizontal and with small space between it.

User prompt

let the scrollbutton can move to reach both edges of the scrollbar

User prompt

Let the drag be from the middle of the scrollbutton not from its top

User prompt

Let the scrollbutton scroll the background2, if i move scrollbutton down move the background2 up and if i move it up move the background2 down.

User prompt

Set the limit of the movment of the scrollbutton is the buttom edge of the scrollbar

User prompt

Please fix the bug: 'Uncaught TypeError: this.data.getLocalPosition is not a function' in or related to this line: 'var newPosition = this.data.getLocalPosition(this.parent);' Line Number: 95

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
var background1 = LK.getAsset('background1', {
	anchorX: 0.0,
	anchorY: 0.0,
	x: 0,
	y: 0
});
game.addChildAt(background1, 0);
var scrollbar = LK.getAsset('scrollbar', {
	anchorX: 1.0,
	anchorY: 0.0,
	x: 2048,
	y: 0
});
game.addChild(scrollbar);
var scrollbutton = LK.getAsset('scrollbutton', {
	anchorX: 1.0,
	anchorY: 0.5,
	x: 2048,
	y: 0
});
game.addChild(scrollbutton);
var background2 = LK.getAsset('background2', {
	anchorX: 0.0,
	anchorY: 0.0,
	x: 0,
	y: 0,
	speed: 10 // Speed property for background2
});
game.addChildAt(background2, 1);
// Add 4 slots of slot asset to the background2 horizontally with small space between them
var slotSpacing = 50; // Define the space between slots
for (var i = 0; i < 4; i++) {
	var slot = LK.getAsset('Slot', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: i * (slotSpacing + 450) + slotSpacing + 200,
		// Position slots with space between them
		y: 300 // Arbitrary y position
	});
	background2.addChild(slot);
}
scrollbutton.down = function (x, y, obj) {
	this.dragging = true;
	this.data = obj;
	this.alpha = 0.5;
};
scrollbutton.up = function () {
	this.alpha = 1;
	this.dragging = false;
	this.data = null;
};
scrollbutton.move = function (x, y, obj) {
	if (this.dragging) {
		var newPosition = this.parent.toLocal(obj.global);
		// Limit the y position of the scrollbutton to the height of the scrollbar
		this.y = Math.max(Math.min(newPosition.y, scrollbar.height - this.height / 2), this.height / 2);
		// Calculate the ratio of the scrollbutton's position to the scrollbar's height
		var ratio = (this.y - this.height / 2) / (scrollbar.height - this.height);
		// Move the background2 up or down based on the ratio and the speed
		background2.y = -ratio * (background2.height - game.height);
	}
};
// Removed up functionality from scrollbutton;

===================================================================
--- original.js
+++ change.js
@@ -41,9 +41,9 @@
 	y: 0,
 	speed: 10 // Speed property for background2
 });
 game.addChildAt(background2, 1);
-// Add 4 slots of slot asset to the background1 horizontally with small space between them
+// Add 4 slots of slot asset to the background2 horizontally with small space between them
 var slotSpacing = 50; // Define the space between slots
 for (var i = 0; i < 4; i++) {
 	var slot = LK.getAsset('Slot', {
 		anchorX: 0.5,
@@ -51,9 +51,9 @@
 		x: i * (slotSpacing + 450) + slotSpacing + 200,
 		// Position slots with space between them
 		y: 300 // Arbitrary y position
 	});
-	background1.addChild(slot);
+	background2.addChild(slot);
 }
 scrollbutton.down = function (x, y, obj) {
 	this.dragging = true;
 	this.data = obj;

Showing 1201 to 1225 of 5455

1 ...47 48 49 50 51 ...219

Images

2D wreckage of wood, square, HD colors.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

House from the front facing the screen with big sign above it have description "SHOP", Hd colors

coin with colors, have "DA", hd colors. have black circles and black line for the "DA", between the 2 circles do small black lines all around.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

Modern App Store icon, square with rounded corners, HD colors for a 2d game titled "The Collector" and with the description "about building houses and trees and decorations on a map to make it look like city, which then generate "DA" coins after a countdown timer expires. Players can collect these coins to increase their score, which they can then use to purchase more houses and trees and decorations from the shop button on the middle left side of the screen". with text on the middle top of the banner "the collector"!

Sounds & Music

Gamemusic1

Music

Beforegamestartmusic1

Music

Used plugins

@upit/tween