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

/**** 
* Classes
****/ 
// Define the Button class
var Button = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});
// Define the Obstacle class
var Obstacle = Container.expand(function () {
	var self = Container.call(this);
	var obstacleGraphics = self.attachAsset('bullet', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5; // Initial speed
	// Update method for obstacle movement
	self.update = function () {
		self.x -= self.speed;
	};
	return self;
});
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Define the Player class
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('character', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.layer = 1; // Start on the middle layer
	self.speed = 10; // Initial speed
	// Method to move the player up a layer
	self.moveUp = function () {
		if (self.layer > 0) {
			self.layer--;
			tween(self, {
				y: self.y - 450
			}, {
				duration: 300,
				easing: tween.easeInOut
			});
		}
	};
	// Method to move the player down a layer
	self.moveDown = function () {
		if (self.layer < 2) {
			self.layer++;
			tween(self, {
				y: self.y + 450
			}, {
				duration: 300,
				easing: tween.easeInOut
			});
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize player
var player = new Player();
player.x = 200;
player.y = 1366 - 450; // Start on the middle layer
game.addChild(player);
// Create a variable to keep track of the current character asset
var characterAssets = ['character', 'c2', 'c3', 'c4'];
var currentCharacterAsset = 0;
// Create a timer to change the character asset every 0.2 seconds
LK.setInterval(function () {
	// Update the current character asset index
	currentCharacterAsset = (currentCharacterAsset + 1) % characterAssets.length;
	// Create a new asset
	var newAsset = player.attachAsset(characterAssets[currentCharacterAsset], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Fade in the new asset
	tween(newAsset, {
		alpha: 1
	}, {
		duration: 200
	});
	// If there is more than one child, fade out and remove the old asset
	if (player.children.length > 1) {
		var oldAsset = player.children[0];
		tween(oldAsset, {
			alpha: 0
		}, {
			duration: 200,
			onFinish: function onFinish() {
				player.removeChild(oldAsset);
			}
		});
	}
}, 200);
// Initialize buttons
var buttonUp = new Button();
buttonUp.x = 1024;
buttonUp.y = 2732 - 600; // Position at the bottom of the screen
buttonUp.scale.set(2); // Increase the size of the button
game.addChild(buttonUp);
var buttonDown = new Button();
buttonDown.x = 1024;
buttonDown.y = 2732 - 300; // Position at the bottom of the screen
buttonDown.scale.set(2); // Increase the size of the button
buttonDown.rotation = Math.PI; // Rotate the button by 180 degrees
game.addChild(buttonDown);
// Initialize obstacles array
var obstacles = [];
// Initialize score
var score = 0;
var scoreTxt = new Text2('0', {
	size: 150,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Function to create obstacles
function createObstacle() {
	var obstacle = new Obstacle();
	obstacle.x = 2048;
	obstacle.y = 1366 - 450 + (Math.floor(Math.random() * 3) - 1) * 450; // Random layer
	obstacles.push(obstacle);
	game.addChild(obstacle);
}
// Function to update game speed
function updateSpeed() {
	player.speed += 0.02;
	obstacles.forEach(function (obstacle) {
		obstacle.speed += 0.02;
	});
}
// Handle swipe up and down
game.move = function (x, y, obj) {
	if (obj.event && obj.event.deltaY < 0) {
		player.moveUp();
	} else if (obj.event && obj.event.deltaY > 0) {
		player.moveDown();
	}
};
// Handle button presses
buttonUp.down = function (x, y, obj) {
	if (!buttonUp.cooldown && !buttonDown.cooldown) {
		player.moveUp();
		buttonUp.cooldown = true;
		buttonDown.cooldown = true;
		LK.setTimeout(function () {
			buttonUp.cooldown = false;
			buttonDown.cooldown = false;
		}, 310);
	}
};
buttonDown.down = function (x, y, obj) {
	if (!buttonUp.cooldown && !buttonDown.cooldown) {
		player.moveDown();
		buttonUp.cooldown = true;
		buttonDown.cooldown = true;
		LK.setTimeout(function () {
			buttonUp.cooldown = false;
			buttonDown.cooldown = false;
		}, 310);
	}
};
// Game update loop
game.update = function () {
	// Update obstacles
	for (var i = obstacles.length - 1; i >= 0; i--) {
		obstacles[i].update();
		if (obstacles[i].x < -100) {
			obstacles[i].destroy();
			obstacles.splice(i, 1);
			score++;
			scoreTxt.setText(score);
		}
		if (obstacles[i].intersects(player)) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
		}
	}
	// Create new obstacles
	if (LK.ticks % 60 == 0) {
		createObstacle();
	}
	// Update speed
	updateSpeed();
};

===================================================================
--- original.js
+++ change.js
@@ -37,13 +37,8 @@
 	var playerGraphics = self.attachAsset('character', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	var playerGraphics2 = self.attachAsset('c5', {
-		anchorX: 0.5,
-		anchorY: 1.5
-	});
-	playerGraphics2.zIndex = -1;
 	self.layer = 1; // Start on the middle layer
 	self.speed = 10; // Initial speed
 	// Method to move the player up a layer
 	self.moveUp = function () {
@@ -91,17 +86,33 @@
 var characterAssets = ['character', 'c2', 'c3', 'c4'];
 var currentCharacterAsset = 0;
 // Create a timer to change the character asset every 0.2 seconds
 LK.setInterval(function () {
-	// Remove the current character asset
-	player.removeChild(player.children[0]);
 	// Update the current character asset index
 	currentCharacterAsset = (currentCharacterAsset + 1) % characterAssets.length;
-	// Attach the new character asset
-	player.attachAsset(characterAssets[currentCharacterAsset], {
+	// Create a new asset
+	var newAsset = player.attachAsset(characterAssets[currentCharacterAsset], {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
+	// Fade in the new asset
+	tween(newAsset, {
+		alpha: 1
+	}, {
+		duration: 200
+	});
+	// If there is more than one child, fade out and remove the old asset
+	if (player.children.length > 1) {
+		var oldAsset = player.children[0];
+		tween(oldAsset, {
+			alpha: 0
+		}, {
+			duration: 200,
+			onFinish: function onFinish() {
+				player.removeChild(oldAsset);
+			}
+		});
+	}
 }, 200);
 // Initialize buttons
 var buttonUp = new Button();
 buttonUp.x = 1024;