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

/**** 
* Classes
****/ 
var InteractiveElement = Container.expand(function () {
	var self = Container.call(this);
	self.label = "";
	self.description = "";
	self.interactText = "";
	self.onInteract = null;
	self.lastTapTime = 0;
	self.tapCount = 0;
	// Visual: use tapCircle for all, but color can be changed if needed
	var circle = self.attachAsset('tapCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.7
	});
	// Set up element
	self.setup = function (label, description, interactText, onInteract) {
		self.label = label;
		self.description = description;
		self.interactText = interactText;
		self.onInteract = onInteract;
	};
	// Announce what this is
	self.announce = function () {
		setGuiText(self.label + "\n" + self.description + "\n(Double tap to interact)");
		// Optionally, play a sound or narration for the element
	};
	// Interact with the element
	self.interact = function () {
		setGuiText(self.interactText);
		if (typeof self.onInteract === "function") {
			self.onInteract();
		}
	};
	// Handle tap/double-tap
	self.down = function (x, y, obj) {
		var now = Date.now();
		var timeSinceLastTap = now - self.lastTapTime;
		// If within double-tap window
		if (timeSinceLastTap < 500 && timeSinceLastTap > 50) {
			// Added minimum time to avoid accidental double taps
			// This is a double tap
			self.interact();
			self.lastTapTime = 0; // Reset to prevent triple taps
		} else {
			// This is a single tap
			self.announce();
			self.lastTapTime = now;
		}
	};
	return self;
});
// Note
// Interactive element base class
var Note = InteractiveElement.expand(function () {
	var self = InteractiveElement.call(this);
	// Note
	self.setup("Note", "A crumpled note lies on the ground.", "The note reads:\n'Patience is the key to all treasures.\nHold your breath upon the chest,\nCount to five with steady measure,\nAnd the lock shall find its rest.'", function () {
		noteRead = true;
		setGuiText("You read the note.\nIt speaks of patience and holding...");
	});
	// Override down method to display note text on double tap
	self.down = function (x, y, obj) {
		var now = Date.now();
		var timeSinceLastTap = now - self.lastTapTime;
		// If within double-tap window
		if (timeSinceLastTap < 500 && timeSinceLastTap > 50) {
			// Double tap - display the note text directly
			setGuiText("The note reads:\n'Patience is the key to all treasures.\nHold your breath upon the chest,\nCount to five with steady measure,\nAnd the lock shall find its rest.'");
			noteRead = true;
			self.lastTapTime = 0; // Reset to prevent triple taps
		} else {
			// Single tap - announce
			self.announce();
			self.lastTapTime = now;
		}
	};
	return self;
});
// Door
var Door = InteractiveElement.expand(function () {
	var self = InteractiveElement.call(this);
	self.setup("Door", "A heavy wooden door.\nIt seems to be locked.", "The door is locked.\nMaybe there's a way to open it.", function () {
		// Door can only be opened if player has the key
		if (typeof hasKey !== "undefined" && hasKey) {
			setGuiText("You use the key to unlock the door.\nYou have escaped the dungeon!");
			goToState(STATE_PUZZLE1_SUCCESS);
		} else {
			setGuiText("The door is locked.\nYou need a key to open it.");
		}
	});
	return self;
});
// Chest
var Chest = InteractiveElement.expand(function () {
	var self = InteractiveElement.call(this);
	self.holdStartTime = 0;
	self.isHolding = false;
	self.holdTimer = null;
	self.holdDuration = 5000; // 5 seconds
	self.setup("Chest", "An old chest.\nIt looks like it could be opened.", "The chest is locked.\nMaybe there's a clue nearby.", function () {
		// Double tap no longer opens - just provides feedback
		setGuiText("The chest is locked.\nMaybe there's a clue nearby.");
	});
	// Override down to handle hold
	self.down = function (x, y, obj) {
		var now = Date.now();
		var timeSinceLastTap = now - self.lastTapTime;
		// Check for double tap
		if (timeSinceLastTap < 500 && timeSinceLastTap > 50) {
			// Double tap - show interact text
			self.interact();
			self.lastTapTime = 0;
		} else {
			// Single tap - announce
			self.announce();
			self.lastTapTime = now;
			// Start hold detection
			self.holdStartTime = now;
			self.isHolding = true;
			// Clear any existing timer
			if (self.holdTimer) {
				LK.clearTimeout(self.holdTimer);
			}
			// Set timer for 5 seconds
			self.holdTimer = LK.setTimeout(function () {
				if (self.isHolding && !chestOpened) {
					// Successfully held for 5 seconds
					chestOpened = true;
					hasKey = true;
					setGuiText("The chest clicks open!\nYou found a rusty key inside.");
					LK.getSound('sfx_success').play();
				}
			}, self.holdDuration);
		}
	};
	// Override up to cancel hold
	self.up = function (x, y, obj) {
		if (self.isHolding && !chestOpened) {
			var holdTime = Date.now() - self.holdStartTime;
			if (holdTime < self.holdDuration) {
				// Released too early
				var secondsHeld = Math.floor(holdTime / 1000);
				var secondsNeeded = Math.floor(self.holdDuration / 1000);
				setGuiText("You held for " + secondsHeld + " seconds.\nTry holding for " + secondsNeeded + " seconds.");
			}
		}
		self.isHolding = false;
		if (self.holdTimer) {
			LK.clearTimeout(self.holdTimer);
			self.holdTimer = null;
		}
	};
	return self;
});
// Simple visual feedback for taps (for sighted users or those with some vision)
var TapFeedback = Container.expand(function () {
	var self = Container.call(this);
	var circle = self.attachAsset('tapCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.5
	});
	self.showAt = function (x, y) {
		self.x = x;
		self.y = y;
		self.alpha = 0.5;
		self.scaleX = 1;
		self.scaleY = 1;
		tween(self, {
			alpha: 0,
			scaleX: 2,
			scaleY: 2
		}, {
			duration: 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- State Management ---
// No visual assets needed for MVP, but we will use a simple shape for tap feedback.
// Audio assets (narration and sfx) are referenced by id, LK will load them automatically.
var STATE_HEADPHONES = 0;
var STATE_MENU = 1;
var STATE_INTRO = 2;
var STATE_PUZZLE1 = 3;
var STATE_PUZZLE1_SUCCESS = 4;
var currentState = STATE_HEADPHONES;
// Used to prevent double-tap triggers
var inputLocked = false;
// Used to track narration/music
var currentNarration = null;
// Used for puzzle state
var puzzle1Step = 0; // 0 = waiting for first tap, 1 = waiting for second tap
// --- Puzzle 1 element state ---
var puzzle1Elements = [];
var chestOpened = false;
var noteRead = false;
var hasKey = false;
// --- GUI Text for minimal visual feedback (for sighted users) ---
var guiText = new Text2('', {
	size: 90,
	fill: 0xFFFFFF,
	wordWrap: true,
	wordWrapWidth: 1800
});
guiText.anchor.set(0.5, 0.5);
LK.gui.center.addChild(guiText);
// --- Helper Functions ---
function playNarration(id, options) {
	// Stop any current narration/music
	LK.stopMusic();
	currentNarration = id;
	LK.playMusic(id, options || {});
}
function stopNarration() {
	LK.stopMusic();
	currentNarration = null;
}
function setGuiText(txt) {
	guiText.setText(txt);
}
function lockInput(ms) {
	inputLocked = true;
	LK.setTimeout(function () {
		inputLocked = false;
	}, ms || 600);
}
// --- State Transitions ---
function goToState(state) {
	stopNarration();
	// Remove any existing headphones logo
	for (var i = game.children.length - 1; i >= 0; i--) {
		var child = game.children[i];
		if (child && child.constructor && child.constructor.name === 'Asset' && child._assetId === 'headphonesIcon') {
			child.destroy();
		}
	}
	currentState = state;
	if (state === STATE_HEADPHONES) {
		setGuiText("Please use headphones\nTap anywhere to continue");
		playNarration('narr_headphones');
		// Add headphones icon
		var headphonesLogo = LK.getAsset('headphonesIcon', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 2732 / 2 - 500 // Move 300 pixels up from the original position
		});
		game.addChild(headphonesLogo);
	} else if (state === STATE_MENU) {
		setGuiText("Echoes\nTap to Start");
		// No narration for menu, or could add a short one if desired
	} else if (state === STATE_INTRO) {
		setGuiText("Loading story...");
		playNarration('narr_intro');
		// After narration, auto-advance to puzzle
		LK.setTimeout(function () {
			goToState(STATE_PUZZLE1);
		}, 6000); // Assume intro narration is ~6s, adjust as needed
	} else if (state === STATE_PUZZLE1) {
		setGuiText("You are in a dark dungeon.\nExplore by tapping the screen.\nDouble tap objects to interact.");
		playNarration('narr_puzzle1');
		// Only create elements if they don't exist yet
		if (typeof puzzle1Elements === "undefined" || puzzle1Elements.length === 0) {
			puzzle1Step = 0;
			puzzle1Elements = [];
			chestOpened = false;
			noteRead = false;
			hasKey = false;
			// Random positions for puzzle 1 elements
			var positions = [];
			// Generate random positions ensuring they don't overlap and are within bounds
			for (var p = 0; p < 3; p++) {
				var validPosition = false;
				var attempts = 0;
				while (!validPosition && attempts < 50) {
					var newX = 200 + Math.random() * (2048 - 400); // Keep away from edges
					var newY = 400 + Math.random() * (2732 - 800); // Keep away from edges and top menu
					// Check if position is far enough from existing positions
					var tooClose = false;
					for (var existingPos = 0; existingPos < positions.length; existingPos++) {
						var dx = newX - positions[existingPos].x;
						var dy = newY - positions[existingPos].y;
						var distance = Math.sqrt(dx * dx + dy * dy);
						if (distance < 300) {
							// Minimum distance between elements
							tooClose = true;
							break;
						}
					}
					if (!tooClose) {
						positions.push({
							x: newX,
							y: newY
						});
						validPosition = true;
					}
					attempts++;
				}
				// Fallback if no valid position found after attempts
				if (!validPosition) {
					positions.push({
						x: 400 + p * 600,
						y: 800 + p * 400
					});
				}
			}
			// Door
			var door = new Door();
			door.x = positions[0].x;
			door.y = positions[0].y;
			game.addChild(door);
			puzzle1Elements.push(door);
			// Chest
			var chest = new Chest();
			chest.x = positions[1].x;
			chest.y = positions[1].y;
			game.addChild(chest);
			puzzle1Elements.push(chest);
			// Note
			var note = new Note();
			note.x = positions[2].x;
			note.y = positions[2].y;
			game.addChild(note);
			puzzle1Elements.push(note);
		}
	} else if (state === STATE_PUZZLE1_SUCCESS) {
		// Remove puzzle elements
		if (typeof puzzle1Elements !== "undefined") {
			for (var i = 0; i < puzzle1Elements.length; i++) {
				puzzle1Elements[i].destroy();
			}
		}
		setGuiText("Success!\nTap to continue");
		playNarration('narr_puzzle1_success');
	}
	lockInput(800);
}
// --- Puzzle 1 Logic ---
// For MVP: Simple puzzle, e.g. "Tap twice to continue"
function handlePuzzle1Tap() {
	if (puzzle1Step === 0) {
		// First tap
		puzzle1Step = 1;
		LK.getSound('sfx_tap').play();
		// Optionally, play a short instruction or feedback
		setGuiText("Good! Tap again to solve the puzzle.");
		lockInput(600);
	} else if (puzzle1Step === 1) {
		// Second tap, puzzle solved
		LK.getSound('sfx_success').play();
		goToState(STATE_PUZZLE1_SUCCESS);
	}
}
// --- Input Handling ---
// Visual tap feedback for sighted users
function showTapFeedback(x, y) {
	var tapFx = new TapFeedback();
	tapFx.showAt(x, y);
	game.addChild(tapFx);
}
// Main tap handler
game.down = function (x, y, obj) {
	if (inputLocked) return;
	showTapFeedback(x, y);
	if (currentState === STATE_HEADPHONES) {
		goToState(STATE_MENU);
	} else if (currentState === STATE_MENU) {
		goToState(STATE_INTRO);
	} else if (currentState === STATE_INTRO) {
		// Optionally allow skipping intro narration
		goToState(STATE_PUZZLE1);
	} else if (currentState === STATE_PUZZLE1) {
		// Route tap to nearest element if within range, else generic feedback
		var tapped = false;
		if (typeof puzzle1Elements !== "undefined") {
			for (var i = 0; i < puzzle1Elements.length; i++) {
				var el = puzzle1Elements[i];
				var dx = x - el.x;
				var dy = y - el.y;
				var dist = Math.sqrt(dx * dx + dy * dy);
				if (dist < 180) {
					// within tapCircle radius
					if (typeof el.down === "function") {
						el.down(x, y, obj);
						tapped = true;
						break;
					}
				}
			}
		}
		if (!tapped) {
			setGuiText("You feel nothing of interest here.\nTry tapping elsewhere.");
		}
	} else if (currentState === STATE_PUZZLE1_SUCCESS) {
		// For MVP, loop back to menu
		goToState(STATE_MENU);
	}
};
// Prevent drag/hold from causing issues
game.move = function (x, y, obj) {};
game.up = function (x, y, obj) {
	// Route up event to elements for hold detection
	if (currentState === STATE_PUZZLE1) {
		if (typeof puzzle1Elements !== "undefined") {
			for (var i = 0; i < puzzle1Elements.length; i++) {
				var el = puzzle1Elements[i];
				if (typeof el.up === "function" && el.isHolding) {
					el.up(x, y, obj);
				}
			}
		}
	}
};
// --- Game Start ---
goToState(STATE_HEADPHONES);
// --- No update loop needed for MVP ---

===================================================================
--- original.js
+++ change.js
@@ -266,9 +266,9 @@
 		var headphonesLogo = LK.getAsset('headphonesIcon', {
 			anchorX: 0.5,
 			anchorY: 0.5,
 			x: 2048 / 2,
-			y: 2732 / 2 - 200
+			y: 2732 / 2 - 500 // Move 300 pixels up from the original position
 		});
 		game.addChild(headphonesLogo);
 	} else if (state === STATE_MENU) {
 		setGuiText("Echoes\nTap to Start");