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

/**** 
* Classes
****/ 
// Define a class for enemies
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemy', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.passed = false;
	self.update = function () {
		self.x -= enemySpeed;
		if (self.x < -50) {
			self.destroy();
		}
	};
});
// Define a class for enemy miniatures
var EnemyMiniature = Container.expand(function () {
	var self = Container.call(this);
	var miniatureGraphics = self.attachAsset('enemy', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.3,
		scaleY: 0.3
	});
	return self;
});
//<Assets used in the game will automatically appear here>
// Define a class for the player character
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5,
		tint: 0xFFFFFF // Default tint, will be changed on transformation
	});
	var playerJumpingGraphics = LK.getAsset('player_jumping', {
		anchorX: 0.5,
		anchorY: 0.5,
		tint: 0xFFFFFF // Default tint, will be changed on transformation
	});
	playerJumpingGraphics.visible = false;
	self.addChild(playerJumpingGraphics);
	self.speed = 5;
	self.jumpHeight = 40;
	self.isJumping = false;
	self.velocityY = 0;
	self.update = function () {
		if (self.isJumping) {
			self.y += self.velocityY;
			self.velocityY += 0.7; // Decreased gravity effect by 30%
			// Show jumping character
			playerGraphics.visible = false;
			playerJumpingGraphics.visible = true;
			if (self.y >= 2732 / 2) {
				// Ground level
				self.y = 2732 / 2;
				self.isJumping = false;
				self.velocityY = 0;
				// Switch back to normal character
				playerGraphics.visible = true;
				playerJumpingGraphics.visible = false;
			}
		} else {
			// Ensure normal character is visible when not jumping
			playerGraphics.visible = true;
			playerJumpingGraphics.visible = false;
		}
	};
	self.jump = function () {
		if (!self.isJumping) {
			self.isJumping = true;
			self.velocityY = -self.jumpHeight;
		}
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87CEEB // Sky blue background
});

/**** 
* Game Code
****/ 
var background = game.addChild(LK.getAsset('background', {
	anchorX: 0,
	anchorY: 0
}));
background.x = 0;
background.y = 0;
// Initialize player
var player = game.addChild(new Player());
player.x = 200; // Position player on the left side of the screen
player.y = 2732 / 2;
// Initialize enemies
var enemies = [];
var enemySpawnInterval = 100;
var enemySpawnCounter = 0;
var enemySpeed = 5;
var speedIncreaseTimer = LK.setInterval(function () {
	enemySpeed += 1;
	console.log("Enemy speed increased to: " + enemySpeed);
}, 5000); // 5 seconds
// Create a new Text2 object to display the score
var scoreText = new Text2('0', {
	size: 100,
	fill: 0xFFFFFF
});
// Create text to display enemy count
var enemyCountText = new Text2('Enemies Passed: 0', {
	size: 60,
	fill: 0xFFFFFF
});
// Add the score text to the game GUI at the top center of the screen
LK.gui.top.addChild(scoreText);
scoreText.x = 2048 / 2;
scoreText.y = 0;
// Add enemy count text below score
LK.gui.top.addChild(enemyCountText);
enemyCountText.x = 2048 / 2;
enemyCountText.y = 110;
// Initialize enemy passed counter
var enemiesPassed = 0;
// Variable to track if transformation is in progress
var isTransforming = false;
// Create a container for enemy miniatures
var miniatureContainer = new Container();
LK.gui.topRight.addChild(miniatureContainer);
miniatureContainer.x = -50; // Offset from right edge
miniatureContainer.y = 50;
// Array to track miniatures
var enemyMiniatures = [];
// Handle game updates
game.update = function () {
	player.update();
	// Spawn enemies
	enemySpawnCounter++;
	if (enemySpawnCounter >= enemySpawnInterval) {
		var enemy = new Enemy();
		enemy.x = 2048;
		enemy.y = 2732 / 2;
		enemies.push(enemy);
		game.addChild(enemy);
		// Randomize the spawn interval for the next enemy
		enemySpawnInterval = Math.floor(Math.random() * 150) + 50;
		enemySpawnCounter = 0;
	}
	// Update enemies
	for (var j = enemies.length - 1; j >= 0; j--) {
		enemies[j].update();
		if (player.x > enemies[j].x && !enemies[j].passed) {
			enemies[j].passed = true;
			// Increment both counters
			LK.setScore(LK.getScore() + 1);
			enemiesPassed++;
			// Update both text displays
			scoreText.setText(LK.getScore());
			enemyCountText.setText('Enemies Passed: ' + enemiesPassed);
			// Flash the enemy count text to highlight change
			LK.effects.flashObject(enemyCountText, 0x00FF00, 300);
			// Add a miniature of the passed enemy to the top right corner
			var miniature = new EnemyMiniature();
			enemyMiniatures.push(miniature);
			miniatureContainer.addChild(miniature);
			// Arrange miniatures in rows of 5
			var rowLength = 5;
			var miniSize = 40; // Space for each miniature
			var row = Math.floor((enemyMiniatures.length - 1) / rowLength);
			var col = (enemyMiniatures.length - 1) % rowLength;
			miniature.x = -(col * miniSize);
			miniature.y = row * miniSize;
			// Transform character after passing 10 enemies
			if (LK.getScore() % 10 === 0 && LK.getScore() > 0) {
				// Create a new player with transformed appearance
				var oldX = player.x;
				var oldY = player.y;
				var oldIsJumping = player.isJumping;
				var oldVelocityY = player.velocityY;
				// Remove old player
				player.destroy();
				// Create new player
				player = game.addChild(new Player());
				player.x = oldX;
				player.y = oldY;
				player.isJumping = oldIsJumping;
				player.velocityY = oldVelocityY;
				// Apply visual transformation with random tint color
				var randomTint = Math.floor(Math.random() * 0xFFFFFF);
				player.children[0].tint = randomTint; // Apply to regular sprite
				player.children[1].tint = randomTint; // Apply to jumping sprite too
				// Double the size of the character with animation
				tween(player, {
					scaleX: 2,
					scaleY: 2
				}, {
					duration: 800,
					easing: tween.elasticOut,
					onFinish: function onFinish() {
						// Flash effect to highlight transformation
						LK.effects.flashObject(player, 0xFFFFFF, 500);
					}
				});
			}
		}
	}
};
// Handle player jump
game.down = function (x, y, obj) {
	player.jump();
};

===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
 /**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
 * Classes
 ****/ 
 // Define a class for enemies
 var Enemy = Container.expand(function () {
@@ -125,92 +130,10 @@
 enemyCountText.x = 2048 / 2;
 enemyCountText.y = 110;
 // Initialize enemy passed counter
 var enemiesPassed = 0;
-// Variable to track if popup is currently shown
-var isPopupShown = false;
-// Function to create and show character selection popup
-function showCharacterSelectionPopup(callback) {
-	if (isPopupShown) {
-		return;
-	}
-	isPopupShown = true;
-	// Pause game mechanics while selecting
-	var oldEnemySpeed = enemySpeed;
-	enemySpeed = 0;
-	// Create popup container
-	var popup = new Container();
-	game.addChild(popup);
-	// Add popup background
-	var popupBg = popup.addChild(LK.getAsset('background', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		scaleX: 0.5,
-		scaleY: 0.3,
-		alpha: 0.9,
-		tint: 0x000000
-	}));
-	// Position popup in center of screen
-	popup.x = 2048 / 2;
-	popup.y = 2732 / 2;
-	// Add title text
-	var titleText = new Text2('Select Your New Character', {
-		size: 60,
-		fill: 0xFFFFFF
-	});
-	titleText.anchor.set(0.5, 0.5);
-	titleText.y = -200;
-	popup.addChild(titleText);
-	// Define character color options
-	var colorOptions = [0xFF0000,
-	// Red
-	0x00FF00,
-	// Green
-	0x0000FF,
-	// Blue
-	0xFFFF00,
-	// Yellow
-	0xFF00FF,
-	// Magenta
-	0x00FFFF // Cyan
-	];
-	// Create character options
-	var characters = [];
-	var spacing = 150;
-	var startX = -(colorOptions.length - 1) * spacing / 2;
-	for (var i = 0; i < colorOptions.length; i++) {
-		var characterOption = new Container();
-		characterOption.x = startX + i * spacing;
-		characterOption.y = 0;
-		var characterSprite = characterOption.addChild(LK.getAsset('player', {
-			anchorX: 0.5,
-			anchorY: 0.5,
-			scaleX: 0.4,
-			scaleY: 0.4,
-			tint: colorOptions[i]
-		}));
-		// Make characters selectable
-		characterOption.interactive = true;
-		characterOption.buttonMode = true;
-		// Store color for selection
-		characterOption.color = colorOptions[i];
-		// Add selection events
-		characterOption.down = function (x, y, obj) {
-			var selectedColor = obj.color;
-			// Close popup
-			popup.destroy();
-			isPopupShown = false;
-			// Restore game mechanics
-			enemySpeed = oldEnemySpeed;
-			// Call callback with selected color
-			if (callback) {
-				callback(selectedColor);
-			}
-		};
-		popup.addChild(characterOption);
-		characters.push(characterOption);
-	}
-}
+// Variable to track if transformation is in progress
+var isTransforming = false;
 // Create a container for enemy miniatures
 var miniatureContainer = new Container();
 LK.gui.topRight.addChild(miniatureContainer);
 miniatureContainer.x = -50; // Offset from right edge
@@ -262,23 +185,31 @@
 				var oldX = player.x;
 				var oldY = player.y;
 				var oldIsJumping = player.isJumping;
 				var oldVelocityY = player.velocityY;
-				// Show character selection popup
-				showCharacterSelectionPopup(function (selectedTint) {
-					// Remove old player
-					player.destroy();
-					// Create new player
-					player = game.addChild(new Player());
-					player.x = oldX;
-					player.y = oldY;
-					player.isJumping = oldIsJumping;
-					player.velocityY = oldVelocityY;
-					// Apply visual transformation with selected tint
-					player.children[0].tint = selectedTint; // Apply to regular sprite
-					player.children[1].tint = selectedTint; // Apply to jumping sprite too
-					// Flash effect to highlight transformation
-					LK.effects.flashObject(player, 0xFFFFFF, 500);
+				// Remove old player
+				player.destroy();
+				// Create new player
+				player = game.addChild(new Player());
+				player.x = oldX;
+				player.y = oldY;
+				player.isJumping = oldIsJumping;
+				player.velocityY = oldVelocityY;
+				// Apply visual transformation with random tint color
+				var randomTint = Math.floor(Math.random() * 0xFFFFFF);
+				player.children[0].tint = randomTint; // Apply to regular sprite
+				player.children[1].tint = randomTint; // Apply to jumping sprite too
+				// Double the size of the character with animation
+				tween(player, {
+					scaleX: 2,
+					scaleY: 2
+				}, {
+					duration: 800,
+					easing: tween.elasticOut,
+					onFinish: function onFinish() {
+						// Flash effect to highlight transformation
+						LK.effects.flashObject(player, 0xFFFFFF, 500);
+					}
 				});
 			}
 		}
 	}