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

/**** 
* Classes
****/ 
// BigBirdTarget: larger, easier to tap, unique image with orange beak
var BigBirdTarget = Container.expand(function () {
	var self = Container.call(this);
	var targetAsset = self.attachAsset('birdBig', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 180 * 4.0,
		height: 180 * 4.0
	});
	// Add a "beak" using a small orange ellipse overlay
	var beak = self.attachAsset('targetCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 60,
		width: 60,
		height: 30,
		color: 0xff9900,
		shape: 'ellipse'
	});
	self.isHit = false;
	self.down = function (x, y, obj) {
		if (self.isHit) {
			return;
		}
		self.isHit = true;
		tween(self, {
			scaleX: 1.4,
			scaleY: 1.4,
			alpha: 0
		}, {
			duration: 120,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
		if (typeof onTargetHit === 'function') {
			onTargetHit(self);
		}
	};
	self.alpha = 0;
	self.scaleX = self.scaleY = 0.7;
	tween(self, {
		alpha: 1,
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 120,
		easing: tween.cubicOut
	});
	return self;
});
// MovingBirdTarget: moves horizontally and vertically, mirrors on direction change, unique image with white "wing"
var MovingBirdTarget = Container.expand(function () {
	var self = Container.call(this);
	var targetAsset = self.attachAsset('birdMoving', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 180 * 2.0,
		height: 180 * 2.0
	});
	// Add a "wing" using a white ellipse overlay
	var wing = self.attachAsset('targetCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 40,
		y: 0,
		width: 60,
		height: 30,
		color: 0xffffff,
		shape: 'ellipse'
	});
	self.isHit = false;
	// Movement direction: horizontal and vertical
	self._direction = Math.random() < 0.5 ? 1 : -1; // left or right
	self._verticalDir = Math.random() < 0.5 ? 1 : -1; // up or down
	self._speed = 8 + Math.random() * 6; // px per frame (horizontal)
	self._verticalSpeed = 3 + Math.random() * 3; // px per frame (vertical)
	self._minX = 120 + targetAsset.width / 2;
	self._maxX = 2048 - 120 - targetAsset.width / 2;
	self._minY = 120 + targetAsset.height / 2;
	self._maxY = 2732 - 120 - targetAsset.height / 2;
	self.update = function () {
		if (self.isHit) {
			return;
		}
		if (typeof self.lastX === "undefined") {
			self.lastX = self.x;
		}
		if (typeof self.lastY === "undefined") {
			self.lastY = self.y;
		}
		var prevX = self.x;
		var prevY = self.y;
		// Move horizontally and vertically
		self.x += self._direction * self._speed;
		self.y += self._verticalDir * self._verticalSpeed;
		// Mirror horizontally based on direction
		targetAsset.scaleX = self._direction > 0 ? 1 : -1;
		// Bounce at horizontal edges
		if (self._direction > 0 && self.x > self._maxX || self._direction < 0 && self.x < self._minX) {
			self._direction *= -1;
			self.x = Math.max(Math.min(self.x, self._maxX), self._minX);
			// Mirror handled above
		}
		// Bounce at vertical edges
		if (self._verticalDir > 0 && self.y > self._maxY || self._verticalDir < 0 && self.y < self._minY) {
			self._verticalDir *= -1;
			self.y = Math.max(Math.min(self.y, self._maxY), self._minY);
		}
		self.lastX = self.x;
		self.lastY = self.y;
	};
	self.down = function (x, y, obj) {
		if (self.isHit) {
			return;
		}
		self.isHit = true;
		tween(self, {
			scaleX: 1.4,
			scaleY: 1.4,
			alpha: 0
		}, {
			duration: 120,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
		if (typeof onTargetHit === 'function') {
			onTargetHit(self);
		}
	};
	self.alpha = 0;
	self.scaleX = self.scaleY = 0.7;
	tween(self, {
		alpha: 1,
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 120,
		easing: tween.cubicOut
	});
	return self;
});
// SmallBirdTarget: smaller, harder to tap, unique image with pink "tail"
var SmallBirdTarget = Container.expand(function () {
	var self = Container.call(this);
	var targetAsset = self.attachAsset('birdSmall', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 180 * 1.2,
		height: 180 * 1.2
	});
	// Add a "tail" using a pink ellipse overlay
	var tail = self.attachAsset('targetCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 40,
		width: 30,
		height: 60,
		color: 0xff66cc,
		shape: 'ellipse'
	});
	self.isHit = false;
	self.down = function (x, y, obj) {
		if (self.isHit) {
			return;
		}
		self.isHit = true;
		tween(self, {
			scaleX: 1.4,
			scaleY: 1.4,
			alpha: 0
		}, {
			duration: 120,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
		if (typeof onTargetHit === 'function') {
			onTargetHit(self);
		}
	};
	self.alpha = 0;
	self.scaleX = self.scaleY = 0.7;
	tween(self, {
		alpha: 1,
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 120,
		easing: tween.cubicOut
	});
	return self;
});
// Target class: a tappable target that appears and disappears after a timeout, normal bird with unique image and white "eye"
var Target = Container.expand(function () {
	var self = Container.call(this);
	// Attach a unique image for normal bird
	var targetAsset = self.attachAsset('birdNormal', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 180 * 2.5,
		height: 180 * 2.5
	});
	// Add a "white eye" using a small white ellipse overlay
	var eye = self.attachAsset('targetCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 40,
		y: -40,
		width: 40,
		height: 40,
		color: 0xffffff,
		shape: 'ellipse'
	});
	// Mark as not yet hit
	self.isHit = false;
	// Called when the target is tapped
	self.down = function (x, y, obj) {
		if (self.isHit) {
			return;
		}
		self.isHit = true;
		// Animate: scale up and fade out
		tween(self, {
			scaleX: 1.4,
			scaleY: 1.4,
			alpha: 0
		}, {
			duration: 120,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
		// Notify game that this target was hit
		if (typeof onTargetHit === 'function') {
			onTargetHit(self);
		}
	};
	// For tap feedback, animate in
	self.alpha = 0;
	self.scaleX = self.scaleY = 0.7;
	tween(self, {
		alpha: 1,
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 120,
		easing: tween.cubicOut
	});
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x181818
});

/**** 
* Game Code
****/ 
// Dedicated image asset for the menu title (replace id with any photo you want)
// Difficulty button assets
// Unique images for each bird type
// Add a background shape behind all game elements
// Sound assets for game events
var backgroundShape = LK.getAsset('backgroundShape', {
	width: 2048,
	height: 2048,
	color: 0x222a38,
	shape: 'box',
	anchorX: 0,
	anchorY: 0,
	x: 0,
	// Center the square background vertically in 2732px canvas
	y: (2732 - 2048) / 2
});
game.addChild(backgroundShape);
// --- Difficulty settings ---
var difficulties = [{
	name: "Easy",
	key: "easy",
	time: 800
}, {
	name: "Medium",
	key: "medium",
	time: 600
}, {
	name: "Difficult",
	key: "hard",
	time: 400
}, {
	name: "Most Difficult",
	key: "insane",
	time: 250
}];
// --- State variables ---
var currentDifficulty = null; // {name, key, time}
var roundTargets = 20;
var targetsSpawned = 0;
var targetsHit = 0;
var targetTimeout = null;
var activeTarget = null;
var inGame = false;
// --- Best scores ---
if (!storage.bestScores) {
	storage.bestScores = {};
}
var bestScores = storage.bestScores;
// --- UI elements ---
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var menuContainer = new Container();
LK.gui.center.addChild(menuContainer);
var bestScoreTxts = []; // Array of Text2 for best scores per difficulty
// --- Helper: Show menu ---
function showMenu() {
	inGame = false;
	// Clear any active target
	if (activeTarget) {
		activeTarget.destroy();
		activeTarget = null;
	}
	if (targetTimeout) {
		LK.clearTimeout(targetTimeout);
		targetTimeout = null;
	}
	// Reset score display
	scoreTxt.setText('');
	// Remove previous menu items
	while (menuContainer.children.length) {
		menuContainer.removeChild(menuContainer.children[0]);
	}
	bestScoreTxts = [];
	// Move menuContainer to the top of the square area (move further up)
	menuContainer.y = 0;
	// Move scoreTxt to the top of the square area (move further up)
	scoreTxt.y = -10;
	// Title at the very top, visually separated from difficulty (now as a unique asset)
	// Use a dedicated image asset for the title, so any photo can be used
	var titleAsset = LK.getAsset('menuTitlePhoto', {
		anchorX: 0.5,
		anchorY: 0,
		x: 0,
		y: 40,
		//{3C} // Move a little bit down from the very top
		width: 400,
		height: 120
	});
	LK.gui.top.addChild(titleAsset);
	// Place all difficulty buttons below the title, with clear vertical spacing and all visible
	var btnStartY = 180; // Start buttons further down from the title
	var buttonSpacing = 220; // Consistent vertical space between buttons for all
	for (var i = 0; i < difficulties.length; i++) {
		(function (diff, idx) {
			// Button background (use image asset)
			var btnWidth = 700;
			var btnHeight = 140;
			if (idx === 2) {
				btnWidth = 700;
				btnHeight = 300;
			}
			var btn = LK.getAsset('menuBtn' + idx, {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 0,
				y: btnStartY + idx * buttonSpacing,
				width: btnWidth,
				height: btnHeight
			});
			menuContainer.addChild(btn);
			// Button label
			var btnLabel = new Text2(diff.name, {
				size: 70,
				fill: "#fff"
			});
			btnLabel.anchor.set(0.5, 0.5);
			btnLabel.x = btn.x;
			btnLabel.y = btn.y;
			menuContainer.addChild(btnLabel);
			// Best score for this difficulty
			var best = bestScores[diff.key] || 0;
			var bestTxt = new Text2("Best: " + best + " / " + roundTargets, {
				size: 40,
				fill: 0xFFEC00
			});
			bestTxt.anchor.set(0.5, 0.5);
			bestTxt.x = btn.x + 220;
			bestTxt.y = btn.y + 38;
			menuContainer.addChild(bestTxt);
			bestScoreTxts.push(bestTxt);
			// Button tap handler
			btn.down = function (x, y, obj) {
				startGame(diff);
			};
		})(difficulties[i], i);
	}
}
// --- Helper: Start game with selected difficulty ---
function startGame(diff) {
	inGame = true;
	currentDifficulty = diff;
	targetsSpawned = 0;
	targetsHit = 0;
	scoreTxt.setText("0 / " + roundTargets);
	// Play start sound
	LK.getSound('start').play();
	// Remove menu
	while (menuContainer.children.length) {
		menuContainer.removeChild(menuContainer.children[0]);
	}
	// Start first target
	spawnNextTarget();
}
// --- Helper: Spawn a target at a random position ---
function spawnNextTarget() {
	if (!inGame) {
		return;
	}
	if (activeTarget) {
		activeTarget.destroy();
		activeTarget = null;
	}
	if (targetsSpawned >= roundTargets) {
		endGame();
		return;
	}
	targetsSpawned++;
	// Randomly choose a target type: 0=normal, 1=small, 2=big, 3=moving
	var margin = 120;
	var type = Math.floor(Math.random() * 4);
	var x, y, target;
	if (type === 1) {
		// Small bird
		x = margin + 60 + Math.random() * (2048 - 2 * (margin + 60));
		y = margin + 60 + Math.random() * (2048 - 2 * (margin + 60));
		target = new SmallBirdTarget();
		target.x = x;
		target.y = y;
	} else if (type === 2) {
		// Big bird
		x = margin + 180 + Math.random() * (2048 - 2 * (margin + 180));
		y = margin + 180 + Math.random() * (2048 - 2 * (margin + 180));
		target = new BigBirdTarget();
		target.x = x;
		target.y = y;
	} else if (type === 3) {
		// Moving bird
		y = margin + Math.random() * (2048 - 2 * margin);
		// Start at left or right edge
		if (Math.random() < 0.5) {
			x = margin + 180;
		} else {
			x = 2048 - margin - 180;
		}
		target = new MovingBirdTarget();
		target.x = x;
		target.y = y;
	} else {
		// Normal
		x = margin + Math.random() * (2048 - 2 * margin);
		y = margin + Math.random() * (2048 - 2 * margin);
		target = new Target();
		target.x = x;
		target.y = y;
	}
	activeTarget = target;
	game.addChild(target);
	// Timeout: if not hit in time, remove and spawn next
	targetTimeout = LK.setTimeout(function () {
		if (activeTarget === target && !target.isHit) {
			// Animate out
			tween(target, {
				alpha: 0
			}, {
				duration: 100,
				onFinish: function onFinish() {
					target.destroy();
				}
			});
			activeTarget = null;
			spawnNextTarget();
		}
	}, currentDifficulty.time);
}
// --- Helper: Called when a target is hit ---
function onTargetHit(target) {
	if (!inGame) {
		return;
	}
	if (activeTarget === target) {
		targetsHit++;
		scoreTxt.setText(targetsHit + " / " + roundTargets);
		// Play hit sound
		LK.getSound('hit').play();
		activeTarget = null;
		if (targetTimeout) {
			LK.clearTimeout(targetTimeout);
			targetTimeout = null;
		}
		// Next target after a short delay for feedback
		LK.setTimeout(spawnNextTarget, 80);
	}
}
// --- Helper: End of round ---
function endGame() {
	inGame = false;
	// Play end sound
	LK.getSound('end').play();
	// Update best score if needed
	var key = currentDifficulty.key;
	var isBest = false;
	if (!bestScores[key] || targetsHit > bestScores[key]) {
		bestScores[key] = targetsHit;
		storage.bestScores = bestScores;
		isBest = true;
	}
	// Play best score sound if new best
	if (isBest) {
		LK.getSound('best').play();
	}
	// Show result popup
	var resultTxt = new Text2("You hit " + targetsHit + " / " + roundTargets + "!", {
		size: 100,
		fill: "#fff"
	});
	resultTxt.anchor.set(0.5, 0.5);
	resultTxt.y = -120;
	menuContainer.addChild(resultTxt);
	var best = bestScores[key] || 0;
	var bestTxt = new Text2("Best: " + best + " / " + roundTargets, {
		size: 60,
		fill: 0xFFEC00
	});
	bestTxt.anchor.set(0.5, 0.5);
	bestTxt.y = 0;
	menuContainer.addChild(bestTxt);
	var againBtn = LK.getAsset('againBtn', {
		width: 500,
		height: 120,
		color: 0x44bb44,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 180
	});
	menuContainer.addChild(againBtn);
	var againLabel = new Text2("Menu", {
		size: 60,
		fill: "#fff"
	});
	againLabel.anchor.set(0.5, 0.5);
	againLabel.x = againBtn.x;
	againLabel.y = againBtn.y;
	menuContainer.addChild(againLabel);
	againBtn.down = function (x, y, obj) {
		// Remove result elements
		while (menuContainer.children.length) {
			menuContainer.removeChild(menuContainer.children[0]);
		}
		showMenu();
	};
}
// Animate moving bird targets (if any)
game.update = function () {
	if (activeTarget && typeof activeTarget.update === "function") {
		activeTarget.update();
	}
};
// --- Game move handler (no drag, but required for touch compatibility) ---
game.move = function (x, y, obj) {};
// --- Start with menu ---
showMenu();

===================================================================
--- original.js
+++ change.js
@@ -362,9 +362,10 @@
 	var titleAsset = LK.getAsset('menuTitlePhoto', {
 		anchorX: 0.5,
 		anchorY: 0,
 		x: 0,
-		y: 0,
+		y: 40,
+		//{3C} // Move a little bit down from the very top
 		width: 400,
 		height: 120
 	});
 	LK.gui.top.addChild(titleAsset);