/**** 
* Classes
****/ 
var Knight = Container.expand(function () {
	var self = Container.call(this);
	var directionMapping = {
		'down-left': 'dir1',
		'left': 'dir2',
		'up-left': 'dir3',
		'up': 'dir4',
		'up-right': 'dir5',
		'right': 'dir6',
		'down-right': 'dir7',
		'down': 'dir8'
	};
	// Pre-create a list of assets for each direction
	var knightAssets = {};
	for (var dir in directionMapping) {
		knightAssets[dir] = LK.getAsset('knight-run-' + directionMapping[dir] + '-001', {
			anchorX: 0.5
		});
	}
	var knightGraphics = knightAssets['down']; // Initialize with the 'down' direction asset 
	self.addChild(knightGraphics);
	knightGraphics.anchor.set(0.5, 0.5);
	knightGraphics.visible = true;
	self.lastDirection = null; // Initialize lastDirection to track previous direction
	self.speed = 10;
	self.switchAsset = function (direction) {
		if (!knightGraphics) {
			return;
		}
		// Detach current asset
		// Hide current asset
		knightGraphics.visible = false;
		// Switch to new asset based on direction
		knightGraphics = knightAssets[direction];
		self.addChild(knightGraphics);
		// Show new asset
		knightGraphics.visible = true;
	};
	self.moveToDirection = function (direction) {
		if (self.lastDirection !== direction) {
			self.switchAsset(direction);
			self.lastDirection = direction;
		}
		switch (direction) {
			case 'up':
				self.y -= self.speed;
				break;
			case 'down':
				self.y += self.speed;
				break;
			case 'left':
				self.x -= self.speed;
				break;
			case 'right':
				self.x += self.speed;
				break;
			case 'up-left':
				self.x -= self.speed / Math.sqrt(2);
				self.y -= self.speed / Math.sqrt(2);
				break;
			case 'up-right':
				self.x += self.speed / Math.sqrt(2);
				self.y -= self.speed / Math.sqrt(2);
				break;
			case 'down-left':
				self.x -= self.speed / Math.sqrt(2);
				self.y += self.speed / Math.sqrt(2);
				break;
			case 'down-right':
				self.x += self.speed / Math.sqrt(2);
				self.y += self.speed / Math.sqrt(2);
				break;
		}
	};
});
var Target = Container.expand(function () {
	var self = Container.call(this);
	self.x = 0;
	self.y = 0;
});

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

/**** 
* Game Code
****/ 
//<Write entity 'classes' with empty functions for important behavior here>
//<Write imports for supported plugins here>
//<Assets used in the game will automatically appear here>
//<Write game logic code here, including initializing arrays and variables>
var knight = game.addChild(new Knight());
knight.x = 2048 / 2;
knight.y = 2732 / 2;
var target = game.addChild(new Target());
target.x = knight.x;
target.y = knight.y;
game.down = function (x, y, obj) {
	var game_position = game.toLocal(obj.global);
	target.x = game_position.x;
	target.y = game_position.y;
};
game.update = function () {
	var dx = target.x - knight.x;
	var dy = target.y - knight.y;
	var distance = Math.sqrt(dx * dx + dy * dy);
	var distanceThreshold = 50; // Define a threshold to avoid small movements
	var directionThreshold = 10; // Define a threshold for direction changes to avoid shaking
	if (distance > distanceThreshold) {
		// Determine the primary direction based on the larger component (dx or dy)
		if (Math.abs(dx) > Math.abs(dy) + directionThreshold) {
			// Horizontal movement dominates
			if (dx > 0) {
				if (dy > directionThreshold) {
					knight.moveToDirection('down-right');
				} else if (dy < -directionThreshold) {
					knight.moveToDirection('up-right');
				} else {
					knight.moveToDirection('right');
				}
			} else {
				if (dy > directionThreshold) {
					knight.moveToDirection('down-left');
				} else if (dy < -directionThreshold) {
					knight.moveToDirection('up-left');
				} else {
					knight.moveToDirection('left');
				}
			}
		} else if (Math.abs(dy) > Math.abs(dx) + directionThreshold) {
			// Vertical movement dominates
			if (dy > 0) {
				if (dx > directionThreshold) {
					knight.moveToDirection('down-right');
				} else if (dx < -directionThreshold) {
					knight.moveToDirection('down-left');
				} else {
					knight.moveToDirection('down');
				}
			} else {
				if (dx > directionThreshold) {
					knight.moveToDirection('up-right');
				} else if (dx < -directionThreshold) {
					knight.moveToDirection('up-left');
				} else {
					knight.moveToDirection('up');
				}
			}
		} else {
			// The difference between dx and dy is small, use diagonal movement
			if (dx > 0 && dy > 0) {
				knight.moveToDirection('down-right');
			} else if (dx > 0 && dy < 0) {
				knight.moveToDirection('up-right');
			} else if (dx < 0 && dy > 0) {
				knight.moveToDirection('down-left');
			} else if (dx < 0 && dy < 0) {
				knight.moveToDirection('up-left');
			}
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -110,45 +110,60 @@
 game.update = function () {
 	var dx = target.x - knight.x;
 	var dy = target.y - knight.y;
 	var distance = Math.sqrt(dx * dx + dy * dy);
-	var threshold = 50; // Define a threshold to avoid small atomic direction changes
-	if (distance > threshold) {
-		if (Math.abs(dx) > Math.abs(dy)) {
+	var distanceThreshold = 50; // Define a threshold to avoid small movements
+	var directionThreshold = 10; // Define a threshold for direction changes to avoid shaking
+	if (distance > distanceThreshold) {
+		// Determine the primary direction based on the larger component (dx or dy)
+		if (Math.abs(dx) > Math.abs(dy) + directionThreshold) {
+			// Horizontal movement dominates
 			if (dx > 0) {
-				if (dy > 0) {
+				if (dy > directionThreshold) {
 					knight.moveToDirection('down-right');
-				} else if (dy < 0) {
+				} else if (dy < -directionThreshold) {
 					knight.moveToDirection('up-right');
 				} else {
 					knight.moveToDirection('right');
 				}
 			} else {
-				if (dy > 0) {
+				if (dy > directionThreshold) {
 					knight.moveToDirection('down-left');
-				} else if (dy < 0) {
+				} else if (dy < -directionThreshold) {
 					knight.moveToDirection('up-left');
 				} else {
 					knight.moveToDirection('left');
 				}
 			}
-		} else {
+		} else if (Math.abs(dy) > Math.abs(dx) + directionThreshold) {
+			// Vertical movement dominates
 			if (dy > 0) {
-				if (dx > 0) {
+				if (dx > directionThreshold) {
 					knight.moveToDirection('down-right');
-				} else if (dx < 0) {
+				} else if (dx < -directionThreshold) {
 					knight.moveToDirection('down-left');
 				} else {
 					knight.moveToDirection('down');
 				}
 			} else {
-				if (dx > 0) {
+				if (dx > directionThreshold) {
 					knight.moveToDirection('up-right');
-				} else if (dx < 0) {
+				} else if (dx < -directionThreshold) {
 					knight.moveToDirection('up-left');
 				} else {
 					knight.moveToDirection('up');
 				}
 			}
+		} else {
+			// The difference between dx and dy is small, use diagonal movement
+			if (dx > 0 && dy > 0) {
+				knight.moveToDirection('down-right');
+			} else if (dx > 0 && dy < 0) {
+				knight.moveToDirection('up-right');
+			} else if (dx < 0 && dy > 0) {
+				knight.moveToDirection('down-left');
+			} else if (dx < 0 && dy < 0) {
+				knight.moveToDirection('up-left');
+			}
 		}
 	}
 };
\ No newline at end of file