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

/**** 
* Classes
****/ 
// Create a new class for the anvil object
var Anvil = Container.expand(function () {
	var self = Container.call(this);
	// Attach 'anvil' asset to the 'Anvil' object
	var anvilGraphics = self.attachAsset('anvil', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.0 // Set transparency to 100% 
	});
	// Initialize the click counter
	self.clickCounter = 0;
	// Make the 'Anvil' object interactive
	self.interactive = true;
	// Define the 'down' event handler
	self.down = function (x, y, obj) {
		// Increment the click counter
		self.clickCounter++;
		// Update the text object with the click counter and label
		counterText.setText('Forging skill: ' + self.clickCounter);
		// Change the color of the counter text based on the click counter
		if (self.clickCounter >= 100 && self.clickCounter < 200) {
			counterText.tint = 0x00FF00; // Green
		} else if (self.clickCounter >= 200 && self.clickCounter < 300) {
			counterText.tint = 0x0000FF; // Blue
		} else if (self.clickCounter >= 300) {
			counterText.tint = 0x800080; // Purple
		}
	};
});

/**** 
* Initialize Game
****/ 
// Create a new text object to display the click counter
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
var growthRateText;
var background = game.addChild(new Container());
background.width = 2048;
background.height = 2732;
background.x = 2048 / 2;
background.y = 2732 / 2;
var backgroundGraphics = background.attachAsset('background', {
	anchorX: 0.5,
	anchorY: 0.5
});
var gameScreen;
var newGame = game.addChild(new Container());
newGame.x = 2048 / 2;
newGame.y = 2732 * 3 / 4 + 300; // Move the 'New Game' button 300 pixels below its original position
// Attach 'newGameText' asset to the 'New Game' object
var newGameText = newGame.attachAsset('newGameText', {
	anchorX: 0.5,
	anchorY: 0.5,
	stroke: 0xFFFFFF,
	// White color
	strokeThickness: 5 // 5px thickness
});
// Make the 'New Game' object clickable
newGame.interactive = true;
newGame.down = function (x, y, obj) {
	hammer.destroy();
	// Create a new game screen
	gameScreen = game.addChild(new Container());
	gameScreen.x = 2048 / 2;
	gameScreen.y = 2732 / 2;
	// Attach 'gameScreenBackground' asset to the 'gameScreen' object
	var gameScreenBackground = gameScreen.attachAsset('gameScreenBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Hide the main menu
	newGame.visible = false;
	// Disable the background
	background.visible = false;
	// Create a new instance of the Anvil class
	var anvil = gameScreen.addChild(new Anvil());
	// Position 'The anvil' closer to the left center of the game screen
	anvil.x = 2048 / 10;
	anvil.y = 2732 / 9;
	hammer = game.addChild(LK.getAsset('hammer', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: -1
	}));
	// Create a new text object to display the click counter on the anvil screen
	counterText = new Text2('Forging skill: 0', {
		size: 100,
		fill: 0xFFFFFF
	});
	counterText.anchor.set(0.5, 0);
	gameScreen.addChild(counterText);
};
// Initialize hammer asset
var hammer;
hammer = game.addChild(LK.getAsset('hammer', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: -1
}));
// Function to make the hammer follow the mouse/touch position
function updateHammerPosition(x, y) {
	if (hammer) {
		hammer.x = x;
		hammer.y = y;
	}
}
// Make the cursor follow the mouse/touch position
game.move = function (x, y, obj) {
	updateHammerPosition(x, y);
};
// Animate cursor rotation on click
game.down = function (x, y, obj) {
	LK.getSound('hammer').play();
	tween(hammer, {
		rotation: -Math.PI / 2
	}, {
		duration: 125,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			// Create stars around the hammer for 0.25 seconds
			for (var i = 0; i < 5; i++) {
				var star = game.addChild(LK.getAsset('star', {
					anchorX: 0.5,
					anchorY: 0.5
				}));
				star.x = hammer.x - hammer.width / 2 + Math.random() * 100 - 25;
				star.y = hammer.y + hammer.height / 2 + Math.random() * 100 - 25;
				(function (star) {
					// Randomize the direction and speed of the star
					var angle = Math.random() * Math.PI * 2; // Random angle in radians
					var speed = Math.random() * 5 + 2; // Random speed between 2 and 7
					// Make the star move in the randomized direction
					star.update = function () {
						star.x += Math.cos(angle) * speed;
						star.y += Math.sin(angle) * speed;
					};
					LK.setTimeout(function () {
						star.destroy();
					}, 250);
				})(star);
			}
			tween(hammer, {
				rotation: 0
			}, {
				duration: 125,
				easing: tween.easeInOut
			});
		}
	});
};

===================================================================
--- original.js
+++ change.js
@@ -46,15 +46,8 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create a new text object to display the click counter
-var counterText = new Text2('Forging skill: 0', {
-	size: 100,
-	fill: 0xFFFFFF
-});
-counterText.anchor.set(0.5, 0);
-LK.gui.top.addChild(counterText);
 var growthRateText;
 var background = game.addChild(new Container());
 background.width = 2048;
 background.height = 2732;
@@ -102,8 +95,15 @@
 		anchorX: 0.5,
 		anchorY: 0.5,
 		scaleX: -1
 	}));
+	// Create a new text object to display the click counter on the anvil screen
+	counterText = new Text2('Forging skill: 0', {
+		size: 100,
+		fill: 0xFFFFFF
+	});
+	counterText.anchor.set(0.5, 0);
+	gameScreen.addChild(counterText);
 };
 // Initialize hammer asset
 var hammer;
 hammer = game.addChild(LK.getAsset('hammer', {