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

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

/**** 
* Game Code
****/ 
// Create initial solar system
var initialSolarSystem = game.addChild(LK.getAsset('initialSolarSystem', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366
}));
// Apply changeSizeOnTouch to the initialSolarSystem object
changeSizeOnTouch(initialSolarSystem, 0.9);
initialSolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(initialSolarSystem, area);
};
// Apply changeAreaLocation to the initialSolarSystem object
initialSolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(initialSolarSystem, area);
};
// Add a new solar system object
var SolarSystem = game.addChild(LK.getAsset('solarSystem', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 512,
	y: 683
}));
// Apply changeSizeOnTouch to the SolarSystem object
changeSizeOnTouch(SolarSystem, 0.9);
SolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(SolarSystem, area);
};
// 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, scaleFactor) {
	obj.down = function (x, y, touchedObj) {
		obj.scaleX = scaleFactor;
		obj.scaleY = scaleFactor;
		// If the object is a SolarSystem, mark it as visited
		if (obj === SolarSystem) {
			obj.asset = LK.getAsset('visitedSolarSystem', {});
		}
	};
	obj.up = function (x, y, touchedObj) {
		obj.scaleX = 1;
		obj.scaleY = 1;
	};
}
// 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
}));
// Function to rotate the area continuously
function rotateArea() {
	area.rotation += 0.01; // Adjust the rotation speed as needed
	LK.setInterval(rotateArea, 16);
}
// Start rotating the area
rotateArea();
// 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) {
	var distance = Math.sqrt(Math.pow(solarSystem.x - area.x, 2) + Math.pow(solarSystem.y - area.y, 2));
	var duration = distance * 0.7; // Adjust the multiplier as needed for desired speed
	tween(area, {
		x: solarSystem.x,
		y: solarSystem.y
	}, {
		duration: duration,
		easing: tween.easeInOut
	});
}
// Apply changeAreaLocation to the SolarSystem object
SolarSystem.down = function (x, y, touchedObj) {
	changeAreaLocation(SolarSystem, area);
};

===================================================================
--- original.js
+++ change.js
@@ -97,9 +97,9 @@
 }));
 // Function to rotate the area continuously
 function rotateArea() {
 	area.rotation += 0.01; // Adjust the rotation speed as needed
-	requestAnimationFrame(rotateArea);
+	LK.setInterval(rotateArea, 16);
 }
 // Start rotating the area
 rotateArea();
 // Apply galaxy motion to the entire game area