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

/**** 
* Classes
****/ 
// FallingArrow: a single falling arrow
var FallingArrow = Container.expand(function () {
	var self = Container.call(this);
	// Arrow type: 'up', 'down', 'left', 'right'
	self.arrowType = 'up';
	self.speed = 8; // Will be set on spawn
	// Attach arrow asset, set anchor to center
	self.arrowAsset = null;
	self.setArrowType = function (type) {
		self.arrowType = type;
		if (self.arrowAsset) {
			self.removeChild(self.arrowAsset);
		}
		var assetId = '';
		if (type === 'up') assetId = 'arrowUp';
		if (type === 'down') assetId = 'arrowDown';
		if (type === 'left') assetId = 'arrowLeft';
		if (type === 'right') assetId = 'arrowRight';
		self.arrowAsset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Rotate asset to match direction
		if (type === 'up') self.arrowAsset.rotation = 0;
		if (type === 'down') self.arrowAsset.rotation = Math.PI;
		if (type === 'left') self.arrowAsset.rotation = -Math.PI / 2;
		if (type === 'right') self.arrowAsset.rotation = Math.PI / 2;
	};
	// Called every tick
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// FeedbackText: floating feedback text (e.g. "Very Good", "Bad", etc)
var FeedbackText = Container.expand(function () {
	var self = Container.call(this);
	self.textObj = new Text2('', {
		size: 120,
		fill: "#fff",
		font: "Impact"
	});
	self.textObj.anchor.set(0.5, 0.5);
	self.addChild(self.textObj);
	self.show = function (msg, color) {
		self.textObj.setText(msg);
		// Use setStyle to update fill color, as direct assignment may not work in this context
		self.textObj.setStyle({
			fill: color
		});
		self.alpha = 1;
		// Animate up and fade out
		tween(self, {
			y: self.y - 120,
			alpha: 0
		}, {
			duration: 700,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				if (self.parent) self.parent.removeChild(self);
			}
		});
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87ceeb // Sky blue background for a sky effect
});

/**** 
* Game Code
****/ 
// Add several semi-transparent white ellipses as clouds
// --- Clouds background ---
// No need to init Text2 assets, just use Text2
// Feedback text colors
// Target zone highlight
// Arrow shapes (up, down, left, right) - colored for clarity
// --- Constants ---
var cloudConfigs = [{
	x: 400,
	y: 350,
	width: 520,
	height: 180
}, {
	x: 1200,
	y: 420,
	width: 400,
	height: 140
}, {
	x: 900,
	y: 200,
	width: 320,
	height: 110
}, {
	x: 1700,
	y: 300,
	width: 380,
	height: 120
}, {
	x: 600,
	y: 700,
	width: 600,
	height: 200
}, {
	x: 1500,
	y: 800,
	width: 500,
	height: 170
}];
for (var i = 0; i < cloudConfigs.length; i++) {
	var cfg = cloudConfigs[i];
	var cloud = LK.getAsset('cloudShape' + i, {
		width: cfg.width,
		height: cfg.height,
		color: 0xffffff,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5,
		x: cfg.x,
		y: cfg.y
	});
	cloud.alpha = 1;
	game.addChildAt(cloud, 0); // Add behind all other elements
}
var ARROW_TYPES = ['left', 'down', 'up', 'right'];
var ARROW_COLORS = {
	'up': '#4fc3f7',
	'down': '#ffb74d',
	'left': '#81c784',
	'right': '#e57373'
};
var FEEDBACKS = [{
	msg: "Very Good",
	color: 0x00E676
}, {
	msg: "Good",
	color: 0xFFD600
}, {
	msg: "Bad",
	color: 0xFF3D00
}, {
	msg: "Disgusting",
	color: 0xB71C1C
}];
// --- Layout ---
var GAME_W = 2048,
	GAME_H = 2732;
var ARROW_SIZE = 180;
var BUTTON_SIZE = 220;
var BUTTON_MARGIN = 60;
var TARGET_ZONE_HEIGHT = 220;
var TARGET_ZONE_Y = GAME_H - 600;
// --- State ---
var fallingArrows = [];
var arrowSpawnInterval = 60; // ticks between spawns (start slow)
var arrowSpeed = 8; // px per tick (start slow)
var minArrowInterval = 24; // fastest spawn interval
var maxArrowSpeed = 32; // fastest speed
var ticksSinceLastArrow = 0;
var score = 0;
var combo = 0;
var lastArrowTypeTapped = null;
var gameOver = false;
// --- Monster event state ---
var monsterEventActive = false;
var monsterEventStartTick = null;
var monsterEventDuration = 600; // 10 seconds at 60fps
var monsterEventTriggered = false;
var normalArrowSpawnInterval = 60;
var normalArrowSpeed = 8;
// --- UI Elements ---
// Add player's skin image to the left side of the screen
var skinImg = LK.getAsset('Skin', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 200,
	// Move higher: raise the y position by 220px (was 120px)
	y: TARGET_ZONE_Y + TARGET_ZONE_HEIGHT / 2 - 220,
	width: 320,
	height: 320
});
game.addChild(skinImg);
// Target zone highlight
var targetZone = LK.getAsset('targetZone', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: TARGET_ZONE_Y,
	width: GAME_W,
	height: TARGET_ZONE_HEIGHT
});
targetZone.alpha = 0.18;
game.addChild(targetZone);
// Score text
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff",
	font: "Impact"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Feedback text (floating, created as needed)
// --- Arrow Button Controls ---
var buttonY = GAME_H - BUTTON_SIZE / 2 - 60;
var buttonXs = [GAME_W / 2 - (BUTTON_SIZE * 1.5 + BUTTON_MARGIN), GAME_W / 2 - (BUTTON_SIZE / 2 + BUTTON_MARGIN / 2), GAME_W / 2 + (BUTTON_SIZE / 2 + BUTTON_MARGIN / 2), GAME_W / 2 + (BUTTON_SIZE * 1.5 + BUTTON_MARGIN)];
var arrowButtonOrder = ['left', 'down', 'up', 'right'];
var arrowButtons = [];
// Create arrow buttons
for (var i = 0; i < 4; i++) {
	(function (i) {
		var type = arrowButtonOrder[i];
		var btn = new Container();
		var assetId = '';
		if (type === 'up') assetId = 'arrowUp';
		if (type === 'down') assetId = 'arrowDown';
		if (type === 'left') assetId = 'arrowLeft';
		if (type === 'right') assetId = 'arrowRight';
		var arrowAsset = btn.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5,
			width: BUTTON_SIZE - 20,
			height: BUTTON_SIZE - 20
		});
		// Rotate to match direction
		if (type === 'up') arrowAsset.rotation = 0;
		if (type === 'down') arrowAsset.rotation = Math.PI;
		if (type === 'left') arrowAsset.rotation = -Math.PI / 2;
		if (type === 'right') arrowAsset.rotation = Math.PI / 2;
		btn.x = buttonXs[i];
		btn.y = buttonY;
		btn.type = type;
		btn.interactive = true;
		// Add a subtle background highlight
		var bg = LK.getAsset('targetZone', {
			anchorX: 0.5,
			anchorY: 0.5,
			width: BUTTON_SIZE,
			height: BUTTON_SIZE,
			x: 0,
			y: 0
		});
		bg.alpha = 0.10;
		btn.addChildAt(bg, 0);
		// Touch/click handler
		btn.down = function (x, y, obj) {
			handleArrowButtonPress(type);
		};
		game.addChild(btn);
		arrowButtons.push(btn);
	})(i);
}
// --- Helper: Find the closest arrow in the target zone for a given type ---
function findMatchingArrowInZone(type) {
	var best = null;
	var bestDist = 99999;
	for (var i = 0; i < fallingArrows.length; i++) {
		var arr = fallingArrows[i];
		if (arr.arrowType !== type) continue;
		// Check if in target zone
		var arrowY = arr.y;
		if (arrowY >= TARGET_ZONE_Y && arrowY <= TARGET_ZONE_Y + TARGET_ZONE_HEIGHT) {
			// Closer to center of zone is better
			var dist = Math.abs(arrowY - (TARGET_ZONE_Y + TARGET_ZONE_HEIGHT / 2));
			if (dist < bestDist) {
				best = arr;
				bestDist = dist;
			}
		}
	}
	return best;
}
// --- Helper: Show feedback text at a position ---
function showFeedback(msg, color, x, y) {
	// Determine color: green for good, red for bad
	var feedbackColor;
	if (msg === "Very Good" || msg === "Good") {
		feedbackColor = "#00e676"; // green
	} else {
		feedbackColor = "#ff1744"; // red
	}
	var fb = new FeedbackText();
	fb.x = x;
	fb.y = y;
	fb.show(msg, feedbackColor);
	game.addChild(fb);
}
// --- Handle arrow button press ---
function handleArrowButtonPress(type) {
	if (gameOver) return;
	// --- Begin: Temporarily increase KSK music volume for 1s when arrow pressed ---
	LK.playMusic('Ksk', {
		fade: {
			start: 1,
			end: 2,
			duration: 50
		}
	});
	LK.setTimeout(function () {
		LK.playMusic('Ksk', {
			fade: {
				start: 2,
				end: 1,
				duration: 200
			}
		});
	}, 1000);
	// --- End: music volume boost ---
	var arr = findMatchingArrowInZone(type);
	if (arr) {
		// Good timing!
		var centerY = arr.y;
		var dist = Math.abs(centerY - (TARGET_ZONE_Y + TARGET_ZONE_HEIGHT / 2));
		var feedback, points;
		if (dist < 30) {
			feedback = FEEDBACKS[0]; // Very Good
			points = 3;
		} else if (dist < 60) {
			feedback = FEEDBACKS[1]; // Good
			points = 2;
		} else {
			feedback = FEEDBACKS[2]; // Bad
			points = 1;
		}
		score += points;
		combo += 1;
		showFeedback(feedback.msg, feedback.color, arr.x, arr.y - 100);
		// Remove arrow
		arr.destroy();
		for (var i = 0; i < fallingArrows.length; i++) {
			if (fallingArrows[i] === arr) {
				fallingArrows.splice(i, 1);
				break;
			}
		}
		// Animate button
		var btn = null;
		for (var i = 0; i < arrowButtons.length; i++) {
			if (arrowButtons[i].type === type) btn = arrowButtons[i];
		}
		if (btn) {
			tween(btn, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 80,
				easing: tween.cubicOut,
				onFinish: function onFinish() {
					tween(btn, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 120,
						easing: tween.cubicIn
					});
				}
			});
		}
	} else {
		// No matching arrow in zone: mistake!
		combo = 0;
		showFeedback(FEEDBACKS[3].msg, FEEDBACKS[3].color, GAME_W / 2, TARGET_ZONE_Y + TARGET_ZONE_HEIGHT / 2);
		// Animate all buttons red
		for (var i = 0; i < arrowButtons.length; i++) {
			var btn = arrowButtons[i];
			tween(btn, {
				alpha: 0.5
			}, {
				duration: 80,
				onFinish: function onFinish() {
					tween(btn, {
						alpha: 1
					}, {
						duration: 120
					});
				}
			});
		}
	}
	scoreTxt.setText(score);
}
// --- Spawn a new falling arrow ---
function spawnArrow() {
	var type = ARROW_TYPES[Math.floor(Math.random() * 4)];
	var arr = new FallingArrow();
	arr.setArrowType(type);
	arr.arrowType = type;
	arr.speed = arrowSpeed;
	var idx = arrowButtonOrder.indexOf(type);
	arr.x = buttonXs[idx];
	arr.y = -ARROW_SIZE / 2;
	fallingArrows.push(arr);
	game.addChild(arr);
}
// --- Game update loop ---
game.update = function () {
	if (gameOver) return;
	// Spawn arrows
	ticksSinceLastArrow++;
	if (ticksSinceLastArrow >= arrowSpawnInterval) {
		if (monsterEventActive) {
			// Spawn only 1 arrow during monster event (make it easier)
			var arr = new FallingArrow();
			var type = ARROW_TYPES[Math.floor(Math.random() * 4)];
			arr.setArrowType(type);
			arr.arrowType = type;
			arr.speed = arrowSpeed;
			var idx = arrowButtonOrder.indexOf(type);
			arr.x = buttonXs[idx];
			arr.y = -ARROW_SIZE / 2;
			fallingArrows.push(arr);
			game.addChild(arr);
		} else {
			// Spawn arrows in pairs
			spawnArrow();
		}
		ticksSinceLastArrow = 0;
	}
	// Update arrows, check for misses
	for (var i = fallingArrows.length - 1; i >= 0; i--) {
		var arr = fallingArrows[i];
		// If arrow passes target zone without being hit
		if (arr.y > TARGET_ZONE_Y + TARGET_ZONE_HEIGHT + ARROW_SIZE / 2) {
			// Missed!
			showFeedback(FEEDBACKS[2].msg, FEEDBACKS[2].color, arr.x, TARGET_ZONE_Y + TARGET_ZONE_HEIGHT / 2);
			combo = 0;
			arr.destroy();
			fallingArrows.splice(i, 1);
			continue;
		}
	}
	// --- Monster event logic ---
	if (!monsterEventTriggered && LK.ticks >= 1200) {
		// 20 seconds * 60fps
		monsterEventActive = true;
		monsterEventTriggered = true;
		monsterEventStartTick = LK.ticks;
		// Save normal values
		normalArrowSpawnInterval = arrowSpawnInterval;
		normalArrowSpeed = arrowSpeed;
		// Make arrows slightly faster and a bit harder during monster event
		arrowSpawnInterval = 40; // slightly faster than before
		arrowSpeed = 10; // slightly faster than before
	}
	if (monsterEventActive && LK.ticks - monsterEventStartTick >= monsterEventDuration) {
		// Revert to normal after 10 seconds
		monsterEventActive = false;
		arrowSpawnInterval = normalArrowSpawnInterval;
		arrowSpeed = normalArrowSpeed;
	}
	// Gradually increase difficulty (skip if monster event is active)
	if (!monsterEventActive && LK.ticks % 300 === 0) {
		// every 5 seconds
		if (arrowSpawnInterval > minArrowInterval) arrowSpawnInterval -= 2;
		if (arrowSpeed < maxArrowSpeed) arrowSpeed += 1;
	}
};
// --- Touch handling for game area (ignore, only arrow buttons are interactive) ---
game.down = function (x, y, obj) {
	// Do nothing
};
game.move = function (x, y, obj) {
	// Do nothing
};
game.up = function (x, y, obj) {
	// Do nothing
};
// --- Reset state on game over ---
game.onGameOver = function () {
	gameOver = true;
	// Remove all arrows
	for (var i = 0; i < fallingArrows.length; i++) {
		fallingArrows[i].destroy();
	}
	fallingArrows = [];
	monsterEventActive = false;
	monsterEventTriggered = false;
	monsterEventStartTick = null;
	arrowSpawnInterval = normalArrowSpawnInterval;
	arrowSpeed = normalArrowSpeed;
};
// --- Score display update ---
scoreTxt.setText(score);
// --- Start the game ---
score = 0;
combo = 0;
arrowSpawnInterval = 60;
arrowSpeed = 8;
normalArrowSpawnInterval = 60;
normalArrowSpeed = 8;
monsterEventActive = false;
monsterEventTriggered = false;
monsterEventStartTick = null;
gameOver = false;
fallingArrows = [];
ticksSinceLastArrow = 0;
// Play 'Ksk' music at game start
LK.playMusic('Ksk');

===================================================================
--- original.js
+++ change.js
@@ -299,9 +299,9 @@
 }
 // --- Handle arrow button press ---
 function handleArrowButtonPress(type) {
 	if (gameOver) return;
-	// --- Begin: Temporarily increase music volume for 1s when arrow pressed ---
+	// --- Begin: Temporarily increase KSK music volume for 1s when arrow pressed ---
 	LK.playMusic('Ksk', {
 		fade: {
 			start: 1,
 			end: 2,
@@ -312,9 +312,9 @@
 		LK.playMusic('Ksk', {
 			fade: {
 				start: 2,
 				end: 1,
-				duration: 100
+				duration: 200
 			}
 		});
 	}, 1000);
 	// --- End: music volume boost ---