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

/**** 
* Classes
****/ 
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 paginaDeInicio = new LK.Game({
	backgroundColor: 0x000000
});
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
			solarSystem.removeChild(solarSystem.children[0]);
			solarSystem.attachAsset('visitedSolarSystem', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			solarSystem.visited = true; // Mark as visited
		}
	});
};
var initialSolarSystem = game.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 = [];
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 = game.addChild(LK.getAsset('solarSystem', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: x,
		y: y
	}));
	solarSystems.push(solarSystem);
	// 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 = game.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 = game.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
@@ -24,10 +24,9 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create a new page called 'inicio'
-var inicio = new LK.Game({
+var paginaDeInicio = new LK.Game({
 	backgroundColor: 0x000000
 });
 game.update = function () {
 	areaPunter.x = area.x;