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

/**** 
* Classes
****/ 
var BackgroundContainer = Container.expand(function () {
	var self = Container.call(this);
	return self;
});
var ForegroundContainer = Container.expand(function () {
	var self = Container.call(this);
	return self;
});
var MidgroundContainer = Container.expand(function () {
	var self = Container.call(this);
	return self;
});
var SolarSystem = Container.expand(function () {
	var self = Container.call(this);
	var solarSystemGraphics = self.attachAsset('solarSystem', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});

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

/**** 
* Game Code
****/ 
var backgroundContainer = game.addChild(new BackgroundContainer());
var midgroundContainer = game.addChild(new MidgroundContainer());
var foregroundContainer = game.addChild(new ForegroundContainer());
game.update = function () {
	areaPunter.x = area.x;
	areaPunter.y = area.y;
	// Check for collision between areaPunter and each solarSystem
	solarSystems.forEach(function (solarSystem) {
		if (!solarSystem.visited && areaPunter.intersects(solarSystem)) {
			// Change the sprite to visitedSolarSystem
			tween(solarSystem.children[0], {
				alpha: 0
			}, {
				duration: 1000,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					solarSystem.removeChild(solarSystem.children[0]);
					solarSystem.attachAsset('visitedSolarSystem', {
						anchorX: 0.5,
						anchorY: 0.5
					});
					tween(solarSystem.children[0], {
						alpha: 1
					}, {
						duration: 1000,
						easing: tween.easeInOut
					});
				}
			});
			solarSystem.visited = true; // Mark as visited
		}
	});
};
var initialSolarSystem = midgroundContainer.addChild(LK.getAsset('initialSolarSystem', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366
}));
// Apply changeSizeOnTouch to the initialSolarSystem object
initialSolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(initialSolarSystem, area);
	changeSizeOnTouch(initialSolarSystem, 0.9);
};
// Apply changeAreaLocation to the initialSolarSystem object
initialSolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(initialSolarSystem, area);
};
// Add multiple solar system objects
var solarSystems = [];
var solarSystemList = []; // New list to store solar systems
for (var i = 0; i < Math.floor(Math.random() * 6) + 15; i++) {
	var x, y, validPosition;
	do {
		x = Math.random() * 3072;
		y = Math.random() * 4098;
		validPosition = true;
		for (var j = 0; j < solarSystems.length; j++) {
			var existingSystem = solarSystems[j];
			var dx = existingSystem.x - x;
			var dy = existingSystem.y - y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance < 400) {
				validPosition = false;
				break;
			}
		}
		// Ensure solar systems do not appear within 600 pixels of the initial solar system
		var dxInitial = initialSolarSystem.x - x;
		var dyInitial = initialSolarSystem.y - y;
		var distanceInitial = Math.sqrt(dxInitial * dxInitial + dyInitial * dyInitial);
		if (distanceInitial < 600) {
			validPosition = false;
		}
	} while (!validPosition);
	var solarSystem = midgroundContainer.addChild(LK.getAsset('solarSystem', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: x,
		y: y
	}));
	solarSystems.push(solarSystem);
	solarSystemList.push({
		id: i,
		solarSystem: solarSystem
	}); // Store solar system with an ID
	// Apply changeSizeOnTouch to each SolarSystem object
	solarSystem.down = function (x, y, touchedObj) {
		changeAreaLocation(solarSystem, area);
		changeSizeOnTouch(solarSystem, 0.9);
	};
}
// Function to change the size of an object when touched and restore it when released
// Also, mark the SolarSystem as visited when touched
function changeSizeOnTouch(obj, scale) {
	var originalScaleX = obj.scaleX;
	var originalScaleY = obj.scaleY;
	obj.down = function (x, y, touchedObj) {
		this.scaleX = originalScaleX * scale;
		this.scaleY = originalScaleY * scale;
	};
	obj.up = function (x, y, touchedObj) {
		this.scaleX = originalScaleX;
		this.scaleY = originalScaleY;
	};
}
// Function to enable optimized galaxy motion for a given object
function enableGalaxyMotion(obj) {
	var dragNode = null;
	var velocity = {
		x: 0,
		y: 0
	};
	var lastPosition = {
		x: 0,
		y: 0
	};
	obj.down = function (x, y, touchedObj) {
		dragNode = obj;
		lastPosition.x = x;
		lastPosition.y = y;
	};
	obj.move = function (x, y, touchedObj) {
		if (dragNode) {
			velocity.x = (x - lastPosition.x) * 0.6 + velocity.x * 0.8;
			velocity.y = (y - lastPosition.y) * 0.6 + velocity.y * 0.8;
			dragNode.x += velocity.x;
			dragNode.y += velocity.y;
			lastPosition.x = x;
			lastPosition.y = y;
		}
	};
	obj.up = function (x, y, touchedObj) {
		dragNode = null;
	};
}
// Add an area to the galaxy
var area = foregroundContainer.addChild(LK.getAsset('area', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366,
	alpha: 0.6 // Add transparency to the area
}));
// Add a new object called areaPunter
var areaPunter = backgroundContainer.addChild(LK.getAsset('areaPunter', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366
}));
// Add a smooth rotation to the area object in a loop
function rotateArea() {
	tween(area, {
		rotation: area.rotation + Math.PI * 2
	}, {
		duration: 35000,
		easing: tween.linear,
		onFinish: rotateArea
	});
}
rotateArea();
// Function to make the area pulse smoothly
function pulseArea() {
	tween(area, {
		scaleX: 1.1,
		scaleY: 1.1
	}, {
		duration: 1000,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			tween(area, {
				scaleX: 0.95,
				scaleY: 0.95
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: pulseArea
			});
		}
	});
}
pulseArea();
// Apply galaxy motion to the entire game area
enableGalaxyMotion(game);
// Function to change the area's location to the touched solar system
function changeAreaLocation(solarSystem, area) {
	if (area.isMoving) {
		return;
	} // Prevent relocation if already moving
	// Check if the solar system is within the area
	var dx = solarSystem.x - area.x;
	var dy = solarSystem.y - area.y;
	var distance = Math.sqrt(dx * dx + dy * dy);
	if (distance > area.width / 2) {
		return; // Do not move if the solar system is outside the area
	}
	area.isMoving = true; // Set moving flag
	var speed = 0.15; // Set a fixed speed for the movement
	var duration = distance / speed; // Calculate duration based on distance and speed
	tween(area, {
		x: solarSystem.x,
		y: solarSystem.y
	}, {
		duration: duration,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			area.isMoving = false; // Reset moving flag
		}
	});
}
// Apply changeAreaLocation to the SolarSystem object
// Apply changeAreaLocation to each SolarSystem object
solarSystems.forEach(function (solarSystem) {
	solarSystem.down = function (x, y, touchedObj) {
		changeAreaLocation(solarSystem, area);
	};
});

===================================================================
--- original.js
+++ change.js
@@ -44,21 +44,8 @@
 	areaPunter.x = area.x;
 	areaPunter.y = area.y;
 	// Check for collision between areaPunter and each solarSystem
 	solarSystems.forEach(function (solarSystem) {
-		if (areaPunter.intersects(solarSystem) && !solarSystem.hasConnection) {
-			// Display connection between initialSolarSystem and solarSystem
-			var connection = midgroundContainer.addChild(LK.getAsset('connectSolarSystem', {
-				anchorX: 0.5,
-				anchorY: 0.5,
-				x: (initialSolarSystem.x + solarSystem.x) / 2,
-				y: (initialSolarSystem.y + solarSystem.y) / 2,
-				scaleX: Math.sqrt(Math.pow(initialSolarSystem.x - solarSystem.x, 2) + Math.pow(initialSolarSystem.y - solarSystem.y, 2)) / 10,
-				rotation: Math.atan2(solarSystem.y - initialSolarSystem.y, solarSystem.x - initialSolarSystem.x)
-			}));
-			connection.alpha = 0.5; // Set transparency for the connection
-			solarSystem.hasConnection = true; // Mark that this solar system now has a connection
-		}
 		if (!solarSystem.visited && areaPunter.intersects(solarSystem)) {
 			// Change the sprite to visitedSolarSystem
 			tween(solarSystem.children[0], {
 				alpha: 0
@@ -82,9 +69,9 @@
 			solarSystem.visited = true; // Mark as visited
 		}
 	});
 };
-var initialSolarSystem = midgroundContainer.addChild(LK.getAsset('solarSystem', {
+var initialSolarSystem = midgroundContainer.addChild(LK.getAsset('initialSolarSystem', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 1024,
 	y: 1366
@@ -99,9 +86,9 @@
 	changeAreaLocation(initialSolarSystem, area);
 };
 // Add multiple solar system objects
 var solarSystems = [];
-var solarSystemList = []; // List to organize solar systems by number
+var solarSystemList = []; // New list to store solar systems
 for (var i = 0; i < Math.floor(Math.random() * 6) + 15; i++) {
 	var x, y, validPosition;
 	do {
 		x = Math.random() * 3072;
@@ -130,18 +117,13 @@
 		anchorY: 0.5,
 		x: x,
 		y: y
 	}));
-	// Create a text display for the solar system number
-	var solarSystemNumber = new Text2((i + 1).toString(), {
-		size: 50,
-		fill: 0xFFFFFF
-	});
-	solarSystemNumber.anchor.set(0.5, 1); // Center the text horizontally and position it above the solar system
-	solarSystemNumber.x = solarSystem.x;
-	solarSystemNumber.y = solarSystem.y - 60; // Position the text above the solar system
-	midgroundContainer.addChild(solarSystemNumber);
 	solarSystems.push(solarSystem);
+	solarSystemList.push({
+		id: i,
+		solarSystem: solarSystem
+	}); // Store solar system with an ID
 	// Apply changeSizeOnTouch to each SolarSystem object
 	solarSystem.down = function (x, y, touchedObj) {
 		changeAreaLocation(solarSystem, area);
 		changeSizeOnTouch(solarSystem, 0.9);