/**** 
* 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.speed = 5;
	self.update = function () {
		self.x -= self.speed;
		if (self.x < -50) {
			self.destroy();
		}
	};
});
//<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);
	self.images = {
		"idle": LK.getAsset('player', {
			anchorX: 0.5,
			anchorY: 0.5
		}),
		"jump": LK.getAsset('player_jump', {
			anchorX: 0.5,
			anchorY: 0.5
		}),
		"walk1": LK.getAsset('walk_1', {
			anchorX: 0.5,
			anchorY: 0.5
		}),
		"walk2": LK.getAsset('walk_2', {
			anchorX: 0.5,
			anchorY: 0.5
		})
	};
	self.speed = 5;
	self.jumpHeight = 40;
	self.isJumping = false;
	self.velocityY = 0;
	self.state;
	//replacing the asset ref with the image added.
	for (var img_name in self.images) {
		var img = self.addChild(self.images[img_name]);
		img.visible = false;
		self.images[img_name] = img;
	}
	//configure the animation frames.
	self.anims = {
		'walk': new FrameAnimation([self.images.walk1, self.images.walk2], 300),
		'jump': [self.images.jump],
		'idle': [self.images.idle]
	};
	self.states = {
		idle: {
			onEnter: function onEnter() {
				console.log('Entering idle state');
			},
			onUpdate: function onUpdate() {
				self.anims['walk'].play();
			},
			onExit: function onExit() {
				console.log('Exiting idle state');
			},
			onEvent: function onEvent(event, data) {
				console.log('Event received in idle state: ', event, data);
			}
		},
		jumping: {
			onEnter: function onEnter() {
				if (!self.isJumping) {
					self.isJumping = true;
					self.velocityY = -self.jumpHeight;
				}
			},
			onUpdate: function onUpdate() {
				if (self.isJumping) {
					self.y += self.velocityY;
					self.velocityY += 0.7; // Decreased gravity effect by 30%
					if (self.y >= 2732 / 2) {
						// Ground level
						self.y = 2732 / 2;
						self.isJumping = false;
						self.velocityY = 0;
						self.setState('idle');
					}
				}
			},
			onExit: function onExit() {
				console.log('Exiting jumping state');
			},
			onEvent: function onEvent(event, data) {
				console.log('Event received in jumping state: ', event, data);
			}
		}
	};
	self.setState = function (state) {
		if (self.state) {
			self.states[self.state].onExit();
		}
		self.state = state;
		self.states[self.state].onEnter();
	};
	self.update = function () {
		self.states[self.state].onUpdate();
	};
	self.jump = function () {
		self.setState('jumping');
	};
	//call the initial state.
	self.setState('idle');
});

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

/**** 
* Game Code
****/ 
// Define a class for frame animations
var FrameAnimation = function FrameAnimation(assets, frameRate) {
	var self = this;
	self.assets = assets;
	self.frameRate = frameRate;
	self.currentFrame = 0;
	self.isPlaying = false;
	self.interval = null;
	// Function to show the current frame
	self.showFrame = function () {
		for (var i = 0; i < self.assets.length; i++) {
			self.assets[i].visible = false;
		}
		self.assets[self.currentFrame].visible = true;
	};
	// Play the animation
	self.play = function () {
		if (!self.isPlaying) {
			self.isPlaying = true;
			self.interval = setInterval(function () {
				self.currentFrame = (self.currentFrame + 1) % self.assets.length;
				self.showFrame();
			}, self.frameRate);
		}
	};
	// Pause the animation
	self.pause = function () {
		if (self.isPlaying) {
			clearInterval(self.interval);
			self.isPlaying = false;
		}
	};
	// Resume the animation
	self.resume = function () {
		if (!self.isPlaying) {
			self.play();
		}
	};
	// Stop the animation
	self.stop = function () {
		clearInterval(self.interval);
		self.isPlaying = false;
		self.currentFrame = 0;
		self.showFrame();
	};
	// Initialize by showing the first frame
	self.showFrame();
};
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 = 2048 / 2;
player.y = 2732 / 2;
// Initialize enemies
var enemies = [];
var enemySpawnInterval = 100;
var enemySpawnCounter = 0;
// Create a new Text2 object to display the score
var scoreText = new Text2('0', {
	size: 100,
	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;
// 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.intersects(enemies[j])) {
			// LK.effects.flashScreen(0xff0000, 1000);
			// LK.showGameOver();
		} else if (player.x > enemies[j].x && !enemies[j].passed) {
			enemies[j].passed = true;
			LK.setScore(LK.getScore() + 1);
			scoreText.setText(LK.getScore());
		}
	}
};
// Handle player jump
game.down = function (x, y, obj) {
	player.jump();
};

===================================================================
--- original.js
+++ change.js
@@ -50,9 +50,9 @@
 		self.images[img_name] = img;
 	}
 	//configure the animation frames.
 	self.anims = {
-		'walk': [self.images.walk1, self.images.walk2],
+		'walk': new FrameAnimation([self.images.walk1, self.images.walk2], 300),
 		'jump': [self.images.jump],
 		'idle': [self.images.idle]
 	};
 	self.states = {
@@ -60,14 +60,9 @@
 			onEnter: function onEnter() {
 				console.log('Entering idle state');
 			},
 			onUpdate: function onUpdate() {
-				if (LK.ticks % 18 == 0) {
-					for (var i = 0; i < self.anims['walk'].length; i++) {
-						self.anims['walk'][i].visible = false;
-					}
-					self.anims['walk'][Math.floor(LK.ticks / 18) % self.anims['walk'].length].visible = true;
-				}
+				self.anims['walk'].play();
 			},
 			onExit: function onExit() {
 				console.log('Exiting idle state');
 			},
@@ -129,8 +124,56 @@
 
 /**** 
 * Game Code
 ****/ 
+// Define a class for frame animations
+var FrameAnimation = function FrameAnimation(assets, frameRate) {
+	var self = this;
+	self.assets = assets;
+	self.frameRate = frameRate;
+	self.currentFrame = 0;
+	self.isPlaying = false;
+	self.interval = null;
+	// Function to show the current frame
+	self.showFrame = function () {
+		for (var i = 0; i < self.assets.length; i++) {
+			self.assets[i].visible = false;
+		}
+		self.assets[self.currentFrame].visible = true;
+	};
+	// Play the animation
+	self.play = function () {
+		if (!self.isPlaying) {
+			self.isPlaying = true;
+			self.interval = setInterval(function () {
+				self.currentFrame = (self.currentFrame + 1) % self.assets.length;
+				self.showFrame();
+			}, self.frameRate);
+		}
+	};
+	// Pause the animation
+	self.pause = function () {
+		if (self.isPlaying) {
+			clearInterval(self.interval);
+			self.isPlaying = false;
+		}
+	};
+	// Resume the animation
+	self.resume = function () {
+		if (!self.isPlaying) {
+			self.play();
+		}
+	};
+	// Stop the animation
+	self.stop = function () {
+		clearInterval(self.interval);
+		self.isPlaying = false;
+		self.currentFrame = 0;
+		self.showFrame();
+	};
+	// Initialize by showing the first frame
+	self.showFrame();
+};
 var background = game.addChild(LK.getAsset('background', {
 	anchorX: 0,
 	anchorY: 0
 }));