/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	language: "es",
	currentAct: 1
});

/**** 
* Classes
****/ 
var BrushStroke = Container.expand(function (x, y, color, size) {
	var self = Container.call(this);
	var stroke = self.attachAsset('brushStroke', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: size / 20,
		scaleY: size / 20
	});
	// Apply color after asset is attached
	stroke.tint = color;
	self.x = x;
	self.y = y;
	self.originalColor = color;
	return self;
});
var ColorSwatch = Container.expand(function (colorAsset, color, x, y) {
	var self = Container.call(this);
	self.color = color;
	var swatch = self.attachAsset(colorAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = x;
	self.y = y;
	self.down = function (x, y, obj) {
		LK.getSound('click').play();
		currentColor = self.color;
		console.log("Color selected: 0x" + self.color.toString(16) + " from asset: " + colorAsset);
		console.log("currentColor is now: 0x" + currentColor.toString(16));
		updateColorSelection();
	};
	return self;
});
var DialogSystem = Container.expand(function () {
	var self = Container.call(this);
	self.visible = false;
	self.currentDialog = 0;
	self.dialogs = [];
	self.onComplete = null;
	var dialogBg = self.attachAsset('dialogBox', {
		anchorX: 0.5,
		anchorY: 1,
		x: 0,
		y: -50
	});
	self.dialogText = new Text2('', {
		size: 28,
		fill: 0xFFFFFF,
		wordWrap: true,
		wordWrapWidth: 1700
	});
	self.dialogText.anchor.set(0.5, 0.5);
	self.dialogText.x = 0;
	self.dialogText.y = -200;
	self.addChild(self.dialogText);
	self.spaceText = new Text2('', {
		size: 20,
		fill: 0xCCCCCC
	});
	self.spaceText.anchor.set(1, 1);
	self.spaceText.x = 850;
	self.spaceText.y = -70;
	self.addChild(self.spaceText);
	self.showDialog = function (dialogs, onComplete) {
		self.dialogs = dialogs;
		self.currentDialog = 0;
		self.onComplete = onComplete;
		self.visible = true;
		self.updateDialog();
	};
	self.updateDialog = function () {
		if (self.currentDialog < self.dialogs.length) {
			self.dialogText.setText(self.dialogs[self.currentDialog]);
			self.spaceText.setText(getLocalizedText('pressSpace'));
		} else {
			self.visible = false;
			if (self.onComplete) {
				self.onComplete();
			}
		}
	};
	self.nextDialog = function () {
		self.currentDialog++;
		self.updateDialog();
	};
	return self;
});
var DrawingTool = Container.expand(function (toolType, x, y) {
	var self = Container.call(this);
	self.toolType = toolType;
	self.isActive = false;
	var buttonBg = self.attachAsset('toolButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var toolLabel = new Text2(toolType, {
		size: 18,
		fill: 0xFFFFFF
	});
	toolLabel.anchor.set(0.5, 0.5);
	self.addChild(toolLabel);
	self.x = x;
	self.y = y;
	self.setActive = function (active) {
		self.isActive = active;
		if (active) {
			buttonBg.tint = 0x666666;
		} else {
			buttonBg.tint = 0x333333;
		}
	};
	self.down = function (x, y, obj) {
		LK.getSound('click').play();
		currentTool = self.toolType;
		updateToolSelection();
	};
	return self;
});
var MenuButton = Container.expand(function (text, x, y, callback) {
	var self = Container.call(this);
	var buttonBg = self.attachAsset('menuButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var buttonLabel = new Text2(text, {
		size: 32,
		fill: 0xFFFFFF
	});
	buttonLabel.anchor.set(0.5, 0.5);
	self.addChild(buttonLabel);
	self.x = x;
	self.y = y;
	self.callback = callback;
	self.down = function (x, y, obj) {
		LK.getSound('click').play();
		if (self.callback) {
			self.callback();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var gameState = 'menu'; // menu, story, painting, ending
var currentLanguage = storage.language || 'es';
var currentAct = storage.currentAct || 1;
// Act 2 variables
var act2DialogIndex = 0;
var act2Dialogs = [];
var flashlightSprite = null;
var forestSprite = null;
var colorObjects = [];
var collectedColors = 0;
var colorCounter = null;
var lightMask = null;
// Language system
var texts = {
	es: {
		title: 'BLACK PAINT',
		playButton: 'jugar acto',
		languageButton: 'lenguaje',
		pressSpace: 'Haz CLICK en cualquier lugar para continuar',
		sendButton: 'enviar',
		dialog1: 'wendigo: "¡Oh, hola, hola! No tengas miedo... mírame, ¿ves? Soy solo una criatura curiosa que vive entre líneas y colores. Nada peligroso por aquí... je, je."',
		dialog2: 'wendigo: "Ahora... tengo una idea. ¿Quieres jugar conmigo? Te prometo que será divertido. El siguiente juego no es de correr ni de pelear... no, no, no. Será algo más fácil un juego de dibujos"',
		dialog3: 'wendigo: "¿Quieres intentarlo? No te preocupes, no pasara nada malo... solo tienes que dibujar... y seguir jugando conmigo"',
		dialog4: 'wendigo: "este es el lienzo, tienes un lápiz, un aerógrafo, un borrador, una cubeta para rellenar lo dibujado, una linea para hacer trazos rectos, un rectángulo, y un circulo, espero te diviertas usándolo, cuando termines tu dibujo puedes mostrármelo presionando el botón enviar!"',
		dialog5: 'wendigo: "bueno... no esta mal... podrías haberlo hecho mejor pero creo que es aceptable... nos vemos mañana nuevo amigo!"',
		tools: ['Lápiz', 'Aerógrafo', 'Borrador', 'Cubeta', 'Línea', 'Rectángulo', 'Círculo'],
		act2Dialog1: 'wendigo: "Ahhh… ya lo vi… tu dibujo anterior. Sí, sí… lo recuerdo bien. No está mal, no, no… pero le falta algo, ¿no lo notas? Está… vacío. No tiene colores. Todo pálido, todo triste… como un cuerpo sin sangre."',
		act2Dialog2: 'wendigo: "Pero no pasa nada, ¡yo sé por qué! Los colores se han escapado… se esconden en la oscuridad. Y para recuperarlos… necesitarás esto."',
		act2Dialog3: 'wendigo: "Una linterna… tu nueva amiga. Con ella podrás explorar, iluminar los rincones oscuros… y cuando la luz toque un color perdido, ¡oh, lo verás brillar!"',
		act2Dialog4: 'wendigo: "Cuando encuentres uno, acércate… recógelo (tócalo)… guárdalo muy cerca de ti. Uno por uno, los colores volverán. Y tus dibujos… tu dibujo serán hermosos… más vivos… más… reales."',
		act2Dialog5: 'wendigo: "¿Estás listo? Sígueme, pequeño artista… busquemos lo que falta."',
		act2EndDialog1: 'wendigo: "¡Jajaja! ¡Ahí están! ¡Los atrapaste a todos! Qué obediente eres, qué manitas más hábiles tienes…"',
		act2EndDialog2: 'wendigo: "Los colores te querían, ¿sabes? Gritaban en la oscuridad, pedían que los encontraras"',
		act2EndDialog3: 'wendigo: "¡Míralos! Brillan, se retuercen, danzan alrededor de ti como pequeñas luces vivas"',
		act2EndDialog4: 'wendigo: "Tu dibujo ya no estará vacío. Ahora… tendrá carne, tendrá voz"',
		act2EndDialog5: 'wendigo: "¿Ves? Te dije que sería divertido. Gracias… gracias por traerlos de regreso… ahora podremos jugar más, mucho más…"',
		act2EndDialog6: 'wendigo: "Has hecho algo hermoso… algo que nunca se olvidará"',
		act2EndDialog7: 'wendigo: "ahora ya no están solos. Y yo tampoco…"',
		act2EndDialog8: 'wendigo: "mañana nos volveremos a ver amigo :)"',
		colorsCollected: 'COLORES RECOLECTADOS'
	},
	en: {
		title: 'BLACK PAINT',
		playButton: 'play act',
		languageButton: 'language',
		pressSpace: 'CLICK anywhere to continue',
		sendButton: 'send',
		dialog1: 'wendigo: "Oh, hello, hello! Don\'t be afraid... look at me, see? I\'m just a curious creature that lives between lines and colors. Nothing dangerous here... heh, heh."',
		dialog2: 'wendigo: "Now... I have an idea. Do you want to play with me? I promise it will be fun. The next game is not about running or fighting... no, no, no. It will be something easier, a drawing game"',
		dialog3: 'wendigo: "Do you want to try it? Don\'t worry, nothing bad will happen... you just have to draw... and keep playing with me"',
		dialog4: 'wendigo: "this is the canvas, you have a pencil, an airbrush, an eraser, a bucket to fill what you draw, a line to make straight strokes, a rectangle, and a circle, I hope you have fun using it, when you finish your drawing you can show it to me by pressing the send button!"',
		dialog5: 'wendigo: "well... not bad... you could have done better but I think it\'s acceptable... see you tomorrow new friend!"',
		tools: ['Pencil', 'Airbrush', 'Eraser', 'Bucket', 'Line', 'Rectangle', 'Circle'],
		act2Dialog1: 'wendigo: "Ahhh… I saw it… your previous drawing. Yes, yes… I remember it well. Not bad, no, no… but it\'s missing something, don\'t you notice? It\'s… empty. No colors. All pale, all sad… like a body without blood."',
		act2Dialog2: 'wendigo: "But it\'s okay, I know why! The colors have escaped… they hide in the darkness. And to recover them… you\'ll need this."',
		act2Dialog3: 'wendigo: "A flashlight… your new friend. With it you can explore, illuminate the dark corners… and when the light touches a lost color, oh, you\'ll see it shine!"',
		act2Dialog4: 'wendigo: "When you find one, get close… pick it up (touch it)… keep it very close to you. One by one, the colors will return. And your drawings… your drawing will be beautiful… more alive… more… real."',
		act2Dialog5: 'wendigo: "Are you ready? Follow me, little artist… let\'s look for what\'s missing."',
		act2EndDialog1: 'wendigo: "Hahaha! There they are! You caught them all! How obedient you are, what skilled little hands you have…"',
		act2EndDialog2: 'wendigo: "The colors wanted you, you know? They screamed in the darkness, asking you to find them"',
		act2EndDialog3: 'wendigo: "Look at them! They shine, writhe, dance around you like little living lights"',
		act2EndDialog4: 'wendigo: "Your drawing will no longer be empty. Now… it will have flesh, it will have voice"',
		act2EndDialog5: 'wendigo: "See? I told you it would be fun. Thank you… thank you for bringing them back… now we can play more, much more…"',
		act2EndDialog6: 'wendigo: "You\'ve done something beautiful… something that will never be forgotten"',
		act2EndDialog7: 'wendigo: "now they are no longer alone. And neither am I…"',
		act2EndDialog8: 'wendigo: "tomorrow we will see each other again friend :)"',
		colorsCollected: 'COLORS COLLECTED'
	}
};
function getLocalizedText(key) {
	return texts[currentLanguage][key] || key;
}
// UI Elements
var titleScreen = null;
var blackScreen = null;
var wendigoSprite = null;
var wendigoReadingSprite = null;
var dialogSystem = null;
var paintUI = null;
var sendButton = null;
// Painting game variables
var background = null;
var drawingCanvas = null;
var tools = [];
var toolButtons = [];
var colorSwatches = [];
var currentTool = getLocalizedText('tools')[0];
var currentColor = 0xFF0000;
var isDrawing = false;
var lastDrawX = 0;
var lastDrawY = 0;
var brushSize = 20;
var strokes = [];
var shapeStartX = 0;
var shapeStartY = 0;
var isDrawingShape = false;
// Functions
function initializeMenu() {
	gameState = 'menu';
	game.removeChildren();
	titleScreen = new Container();
	game.addChild(titleScreen);
	var titleAsset = titleScreen.attachAsset('BLACKPAINT', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 800,
		scaleX: 8,
		scaleY: 8
	});
	var playButton = new MenuButton(getLocalizedText('playButton') + ' ' + currentAct, 1024, 1200, function () {
		if (currentAct === 1) {
			startStory();
		} else if (currentAct === 2) {
			startAct2();
		}
	});
	titleScreen.addChild(playButton);
	var languageButton = new MenuButton(getLocalizedText('languageButton'), 1024, 1350, function () {
		showLanguageMenu();
	});
	titleScreen.addChild(languageButton);
}
function showLanguageMenu() {
	titleScreen.removeChildren();
	var titleAsset = titleScreen.attachAsset('BLACKPAINT', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 800,
		scaleX: 8,
		scaleY: 8
	});
	var spanishButton = new MenuButton('Español', 1024, 1100, function () {
		currentLanguage = 'es';
		storage.language = 'es';
		initializeMenu();
	});
	titleScreen.addChild(spanishButton);
	var englishButton = new MenuButton('English', 1024, 1250, function () {
		currentLanguage = 'en';
		storage.language = 'en';
		initializeMenu();
	});
	titleScreen.addChild(englishButton);
}
function startStory() {
	gameState = 'story';
	game.removeChildren();
	blackScreen = game.addChild(LK.getAsset('blackScreen', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	dialogSystem = new DialogSystem();
	dialogSystem.x = 1024;
	dialogSystem.y = 2532;
	game.addChild(dialogSystem);
	// Fade in wendigo
	LK.setTimeout(function () {
		wendigoSprite = game.addChild(LK.getAsset('wendigo', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 1366,
			alpha: 0,
			scaleX: 6,
			scaleY: 6
		}));
		tween(wendigoSprite, {
			alpha: 1
		}, {
			duration: 2000,
			onFinish: function onFinish() {
				// Start dialog sequence
				var dialogs = [getLocalizedText('dialog1'), getLocalizedText('dialog2'), getLocalizedText('dialog3'), getLocalizedText('dialog4')];
				dialogSystem.showDialog(dialogs, function () {
					startPaintingGame();
				});
			}
		});
	}, 1000);
}
function startAct2() {
	gameState = 'act2story';
	game.removeChildren();
	blackScreen = game.addChild(LK.getAsset('blackScreen', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	dialogSystem = new DialogSystem();
	dialogSystem.x = 1024;
	dialogSystem.y = 2532;
	game.addChild(dialogSystem);
	act2DialogIndex = 0;
	act2Dialogs = [getLocalizedText('act2Dialog1'), getLocalizedText('act2Dialog2')];
	// Fade in wendigo
	LK.setTimeout(function () {
		wendigoSprite = game.addChild(LK.getAsset('wendigo', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 1366,
			alpha: 0,
			scaleX: 6,
			scaleY: 6
		}));
		tween(wendigoSprite, {
			alpha: 1
		}, {
			duration: 2000,
			onFinish: function onFinish() {
				dialogSystem.showDialog(act2Dialogs, function () {
					showFlashlight();
				});
			}
		});
	}, 1000);
}
function showFlashlight() {
	// Fade out wendigo
	tween(wendigoSprite, {
		alpha: 0
	}, {
		duration: 1000,
		onFinish: function onFinish() {
			// Show flashlight
			flashlightSprite = game.addChild(LK.getAsset('linterna', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 1024,
				y: 1366,
				alpha: 0,
				scaleX: 8,
				scaleY: 8
			}));
			tween(flashlightSprite, {
				alpha: 1
			}, {
				duration: 2000,
				onFinish: function onFinish() {
					LK.setTimeout(function () {
						// Fade out flashlight and show wendigo again
						tween(flashlightSprite, {
							alpha: 0
						}, {
							duration: 1000,
							onFinish: function onFinish() {
								// Show wendigo again
								tween(wendigoSprite, {
									alpha: 1
								}, {
									duration: 1000,
									onFinish: function onFinish() {
										var finalDialogs = [getLocalizedText('act2Dialog3'), getLocalizedText('act2Dialog4'), getLocalizedText('act2Dialog5')];
										dialogSystem.showDialog(finalDialogs, function () {
											startForestGame();
										});
									}
								});
							}
						});
					}, 2000);
				}
			});
		}
	});
}
function startForestGame() {
	gameState = 'forestGame';
	game.removeChildren();
	// Add forest background
	forestSprite = game.addChild(LK.getAsset('bosque', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 20,
		scaleY: 18,
		tint: 0x111111
	}));
	// Create mask for darkness effect
	lightMask = game.addChild(LK.getAsset('lightCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		alpha: 0.1
	}));
	// Initialize color objects and counter
	collectedColors = 0;
	colorObjects = [];
	// Add color counter
	colorCounter = new Text2(getLocalizedText('colorsCollected') + ': ' + collectedColors + '/4', {
		size: 40,
		fill: 0xFFFFFF
	});
	colorCounter.anchor.set(0.5, 0);
	colorCounter.x = 1024;
	colorCounter.y = 100;
	game.addChild(colorCounter);
	// Spawn color objects
	spawnColorObjects();
}
function spawnColorObjects() {
	var colorAssets = ['yellow', 'red', 'green', 'blue'];
	var positions = [{
		x: 200,
		y: 600
	}, {
		x: 1800,
		y: 500
	}, {
		x: 400,
		y: 2000
	}, {
		x: 1600,
		y: 1800
	}];
	for (var i = 0; i < colorAssets.length; i++) {
		var colorObj = game.addChild(LK.getAsset(colorAssets[i], {
			anchorX: 0.5,
			anchorY: 0.5,
			x: positions[i].x,
			y: positions[i].y,
			scaleX: 1.5,
			scaleY: 1.5,
			alpha: 0.1,
			tint: 0x222222
		}));
		colorObj.colorType = colorAssets[i];
		colorObj.isCollected = false;
		colorObjects.push(colorObj);
		// Add click handler
		colorObj.down = function (x, y, obj) {
			if (!this.isCollected && isNearMouse(this)) {
				this.isCollected = true;
				collectedColors++;
				colorCounter.setText(getLocalizedText('colorsCollected') + ': ' + collectedColors + '/4');
				// Play sound effect
				LK.getSound('ttt').play();
				// Make color disappear
				tween(this, {
					alpha: 0,
					scaleX: 0,
					scaleY: 0
				}, {
					duration: 500
				});
				if (collectedColors >= 4) {
					endForestGame();
				}
			}
		};
	}
}
function isNearMouse(colorObj) {
	// Check if color object is within light circle range
	var distance = Math.sqrt((colorObj.x - lightMask.x) * (colorObj.x - lightMask.x) + (colorObj.y - lightMask.y) * (colorObj.y - lightMask.y));
	return distance < 200;
}
function endForestGame() {
	// Fade everything to black
	tween(forestSprite, {
		alpha: 0
	}, {
		duration: 2000
	});
	tween(lightMask, {
		alpha: 0
	}, {
		duration: 2000
	});
	tween(colorCounter, {
		alpha: 0
	}, {
		duration: 2000
	});
	for (var i = 0; i < colorObjects.length; i++) {
		tween(colorObjects[i], {
			alpha: 0
		}, {
			duration: 2000
		});
	}
	LK.setTimeout(function () {
		// Show wendigo and final dialogs
		gameState = 'act2ending';
		game.removeChildren();
		blackScreen = game.addChild(LK.getAsset('blackScreen', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 1366
		}));
		wendigoSprite = game.addChild(LK.getAsset('wendigo', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 1366,
			alpha: 0,
			scaleX: 6,
			scaleY: 6
		}));
		dialogSystem = new DialogSystem();
		dialogSystem.x = 1024;
		dialogSystem.y = 2532;
		game.addChild(dialogSystem);
		tween(wendigoSprite, {
			alpha: 1
		}, {
			duration: 1000,
			onFinish: function onFinish() {
				var endDialogs = [getLocalizedText('act2EndDialog1'), getLocalizedText('act2EndDialog2'), getLocalizedText('act2EndDialog3'), getLocalizedText('act2EndDialog4'), getLocalizedText('act2EndDialog5'), getLocalizedText('act2EndDialog6'), getLocalizedText('act2EndDialog7'), getLocalizedText('act2EndDialog8')];
				dialogSystem.showDialog(endDialogs, function () {
					// Fade out wendigo and return to menu
					tween(wendigoSprite, {
						alpha: 0
					}, {
						duration: 2000,
						onFinish: function onFinish() {
							currentAct = 3;
							storage.currentAct = currentAct;
							initializeMenu();
						}
					});
				});
			}
		});
	}, 2000);
}
function startPaintingGame() {
	gameState = 'painting';
	game.removeChildren();
	// Add gray background
	background = game.addChild(LK.getAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	// Drawing canvas (white, slightly smaller than background)
	drawingCanvas = game.addChild(LK.getAsset('canvas', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	// Tool palette
	tools = getLocalizedText('tools');
	toolButtons = [];
	currentTool = tools[0];
	for (var i = 0; i < tools.length; i++) {
		var toolButton = new DrawingTool(tools[i], 150 + i * 90, 320);
		game.addChild(toolButton);
		toolButtons.push(toolButton);
	}
	// Color palette using image assets
	var colorData = [{
		asset: 'red',
		color: 0xFF0000
	}, {
		asset: 'blue',
		color: 0x0000CD
	}, {
		asset: 'green',
		color: 0x7FFF00
	}, {
		asset: 'yellow',
		color: 0xFFD700
	}, {
		asset: 'black',
		color: 0x000000
	}];
	colorSwatches = [];
	currentColor = 0xFF0000;
	for (var j = 0; j < colorData.length; j++) {
		var colorSwatch = new ColorSwatch(colorData[j].asset, colorData[j].color, 100 + j * 100, 450);
		game.addChild(colorSwatch);
		colorSwatches.push(colorSwatch);
	}
	// Send button
	sendButton = new MenuButton(getLocalizedText('sendButton'), 1800, 1200, function () {
		showEnding();
	});
	game.addChild(sendButton);
	// Initialize tool selection
	updateToolSelection();
	strokes = [];
}
function showEnding() {
	gameState = 'ending';
	game.removeChildren();
	blackScreen = game.addChild(LK.getAsset('blackScreen', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	wendigoReadingSprite = game.addChild(LK.getAsset('wendigoleyendo', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		alpha: 0,
		scaleX: 6,
		scaleY: 6
	}));
	dialogSystem = new DialogSystem();
	dialogSystem.x = 1024;
	dialogSystem.y = 2532;
	game.addChild(dialogSystem);
	tween(wendigoReadingSprite, {
		alpha: 1
	}, {
		duration: 1000,
		onFinish: function onFinish() {
			dialogSystem.showDialog([getLocalizedText('dialog5')], function () {
				// Immediately start fade to black and return to menu after dialog completes
				gameState = 'fadingOut';
				tween(wendigoReadingSprite, {
					alpha: 0
				}, {
					duration: 2000,
					onFinish: function onFinish() {
						// Update act and return to menu
						currentAct = 2;
						storage.currentAct = currentAct;
						initializeMenu();
					}
				});
			});
		}
	});
}
function updateToolSelection() {
	for (var i = 0; i < toolButtons.length; i++) {
		toolButtons[i].setActive(toolButtons[i].toolType === currentTool);
	}
}
function updateColorSelection() {
	// Visual feedback for color selection could be added here
}
function isPointInCanvas(x, y) {
	if (!drawingCanvas) return false;
	var canvasLeft = drawingCanvas.x - drawingCanvas.width * 0.5;
	var canvasRight = drawingCanvas.x + drawingCanvas.width * 0.5;
	var canvasTop = drawingCanvas.y - drawingCanvas.height * 0.5;
	var canvasBottom = drawingCanvas.y + drawingCanvas.height * 0.5;
	return x >= canvasLeft && x <= canvasRight && y >= canvasTop && y <= canvasBottom;
}
function isPointInButton(x, y) {
	if (gameState !== 'painting') return false;
	// Check tool buttons
	for (var i = 0; i < toolButtons.length; i++) {
		var button = toolButtons[i];
		var buttonLeft = button.x - 40;
		var buttonRight = button.x + 40;
		var buttonTop = button.y - 40;
		var buttonBottom = button.y + 40;
		if (x >= buttonLeft && x <= buttonRight && y >= buttonTop && y <= buttonBottom) {
			return true;
		}
	}
	// Check color swatches
	for (var j = 0; j < colorSwatches.length; j++) {
		var swatch = colorSwatches[j];
		var swatchLeft = swatch.x - 50;
		var swatchRight = swatch.x + 50;
		var swatchTop = swatch.y - 33;
		var swatchBottom = swatch.y + 33;
		if (x >= swatchLeft && x <= swatchRight && y >= swatchTop && y <= swatchBottom) {
			return true;
		}
	}
	return false;
}
function addBrushStroke(x, y) {
	if (isPointInCanvas(x, y)) {
		// Convert game coordinates to canvas-local coordinates
		var canvasLocalX = x - drawingCanvas.x;
		var canvasLocalY = y - drawingCanvas.y;
		console.log("Creating brush stroke with color: 0x" + currentColor.toString(16));
		var stroke = new BrushStroke(canvasLocalX, canvasLocalY, currentColor, brushSize);
		drawingCanvas.addChild(stroke);
		strokes.push(stroke);
		if (Math.random() < 0.3) {
			LK.getSound('drawSound').play();
		}
	}
}
function addAerographStroke(x, y) {
	if (isPointInCanvas(x, y)) {
		// Convert game coordinates to canvas-local coordinates
		var canvasLocalX = x - drawingCanvas.x;
		var canvasLocalY = y - drawingCanvas.y;
		// Create spray pattern
		var sprayRadius = 30;
		var sprayCount = 8;
		for (var i = 0; i < sprayCount; i++) {
			var angle = Math.random() * 2 * Math.PI;
			var distance = Math.random() * sprayRadius;
			var sprayX = canvasLocalX + Math.cos(angle) * distance;
			var sprayY = canvasLocalY + Math.sin(angle) * distance;
			var stroke = new BrushStroke(sprayX, sprayY, currentColor, brushSize * 0.6);
			drawingCanvas.addChild(stroke);
			strokes.push(stroke);
		}
	}
}
function floodFill(startX, startY, fillColor) {
	// Convert game coordinates to canvas-local coordinates
	var canvasLocalX = startX - drawingCanvas.x;
	var canvasLocalY = startY - drawingCanvas.y;
	// Find enclosed area and fill it completely
	var canvasLeft = -drawingCanvas.width * 0.5;
	var canvasRight = drawingCanvas.width * 0.5;
	var canvasTop = -drawingCanvas.height * 0.5;
	var canvasBottom = drawingCanvas.height * 0.5;
	var visited = {};
	var toFill = [];
	var stack = [{
		x: Math.floor(canvasLocalX),
		y: Math.floor(canvasLocalY)
	}];
	while (stack.length > 0 && toFill.length < 2000) {
		var point = stack.pop();
		var key = point.x + ',' + point.y;
		if (visited[key] || point.x < canvasLeft || point.x > canvasRight || point.y < canvasTop || point.y > canvasBottom) continue;
		visited[key] = true;
		// Check if there's a stroke nearby (acts as border)
		var hasNearbyStroke = false;
		for (var i = 0; i < strokes.length; i++) {
			var stroke = strokes[i];
			var distance = Math.sqrt((stroke.x - point.x) * (stroke.x - point.x) + (stroke.y - point.y) * (stroke.y - point.y));
			if (distance < 15) {
				hasNearbyStroke = true;
				break;
			}
		}
		if (!hasNearbyStroke) {
			toFill.push({
				x: point.x,
				y: point.y
			});
			// Add neighboring points with smaller steps for solid fill
			var neighbors = [{
				x: point.x + 8,
				y: point.y
			}, {
				x: point.x - 8,
				y: point.y
			}, {
				x: point.x,
				y: point.y + 8
			}, {
				x: point.x,
				y: point.y - 8
			}];
			for (var j = 0; j < neighbors.length; j++) {
				stack.push(neighbors[j]);
			}
		}
	}
	// Fill the area with solid color
	for (var k = 0; k < toFill.length; k++) {
		var fillStroke = new BrushStroke(toFill[k].x, toFill[k].y, fillColor, 12);
		drawingCanvas.addChild(fillStroke);
		strokes.push(fillStroke);
	}
}
// Event handlers
game.down = function (x, y, obj) {
	if (gameState === 'story' && dialogSystem && dialogSystem.visible) {
		dialogSystem.nextDialog();
		return;
	}
	if (gameState === 'ending' && dialogSystem && dialogSystem.visible) {
		dialogSystem.nextDialog();
		return;
	}
	if ((gameState === 'act2story' || gameState === 'act2ending') && dialogSystem && dialogSystem.visible) {
		dialogSystem.nextDialog();
		return;
	}
	if (gameState !== 'painting') return;
	if (isPointInButton(x, y)) {
		return;
	}
	if (isPointInCanvas(x, y)) {
		if (currentTool === tools[4] || currentTool === tools[5] || currentTool === tools[6]) {
			// Line, Rectangle, Circle
			isDrawingShape = true;
			shapeStartX = x;
			shapeStartY = y;
		} else {
			isDrawing = true;
		}
		lastDrawX = x;
		lastDrawY = y;
		if (currentTool === tools[0]) {
			// Pencil/Lápiz
			addBrushStroke(x, y);
		} else if (currentTool === tools[1]) {
			// Airbrush/Aerógrafo
			addAerographStroke(x, y);
		} else if (currentTool === tools[2]) {
			// Eraser/Borrador
			// Convert game coordinates to canvas-local coordinates for eraser
			var canvasLocalX = x - drawingCanvas.x;
			var canvasLocalY = y - drawingCanvas.y;
			// Find and remove nearby strokes
			for (var i = strokes.length - 1; i >= 0; i--) {
				var stroke = strokes[i];
				var distance = Math.sqrt((stroke.x - canvasLocalX) * (stroke.x - canvasLocalX) + (stroke.y - canvasLocalY) * (stroke.y - canvasLocalY));
				if (distance < brushSize) {
					stroke.destroy();
					strokes.splice(i, 1);
				}
			}
		} else if (currentTool === tools[3]) {
			// Bucket/Cubeta
			floodFill(x, y, currentColor);
		}
	}
};
game.move = function (x, y, obj) {
	// Handle forest game light mask movement
	if (gameState === 'forestGame' && lightMask) {
		lightMask.x = x;
		lightMask.y = y;
		// Update color object visibility based on light position
		for (var i = 0; i < colorObjects.length; i++) {
			if (!colorObjects[i].isCollected) {
				if (isNearMouse(colorObjects[i])) {
					colorObjects[i].alpha = 1.0;
					colorObjects[i].tint = 0xFFFFFF;
				} else {
					colorObjects[i].alpha = 0.05;
					colorObjects[i].tint = 0x111111;
				}
			}
		}
		return;
	}
	if (gameState !== 'painting' || !isDrawing || !isPointInCanvas(x, y)) return;
	if (currentTool === tools[0]) {
		// Pencil/Lápiz
		// Draw line between last position and current position
		var distance = Math.sqrt((x - lastDrawX) * (x - lastDrawX) + (y - lastDrawY) * (y - lastDrawY));
		var steps = Math.floor(distance / 10);
		for (var i = 0; i <= steps; i++) {
			var interpolatedX = lastDrawX + (x - lastDrawX) * (i / steps);
			var interpolatedY = lastDrawY + (y - lastDrawY) * (i / steps);
			addBrushStroke(interpolatedX, interpolatedY);
		}
	} else if (currentTool === tools[1]) {
		// Airbrush/Aerógrafo
		// Continue aerograph spray
		var distance = Math.sqrt((x - lastDrawX) * (x - lastDrawX) + (y - lastDrawY) * (y - lastDrawY));
		var steps = Math.floor(distance / 15);
		for (var i = 0; i <= steps; i++) {
			var interpolatedX = lastDrawX + (x - lastDrawX) * (i / steps);
			var interpolatedY = lastDrawY + (y - lastDrawY) * (i / steps);
			addAerographStroke(interpolatedX, interpolatedY);
		}
	} else if (currentTool === tools[2]) {
		// Eraser/Borrador
		// Convert game coordinates to canvas-local coordinates for eraser
		var canvasLocalX = x - drawingCanvas.x;
		var canvasLocalY = y - drawingCanvas.y;
		// Continue erasing
		for (var j = strokes.length - 1; j >= 0; j--) {
			var stroke = strokes[j];
			var distance = Math.sqrt((stroke.x - canvasLocalX) * (stroke.x - canvasLocalX) + (stroke.y - canvasLocalY) * (stroke.y - canvasLocalY));
			if (distance < brushSize) {
				stroke.destroy();
				strokes.splice(j, 1);
			}
		}
	}
	lastDrawX = x;
	lastDrawY = y;
};
game.up = function (x, y, obj) {
	if (gameState !== 'painting') return;
	if (isDrawingShape && isPointInCanvas(x, y)) {
		if (currentTool === tools[4]) {
			// Line/Línea
			// Draw line from start to end
			var distance = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY));
			var steps = Math.floor(distance / 5);
			for (var i = 0; i <= steps; i++) {
				var lineX = shapeStartX + (x - shapeStartX) * (i / steps);
				var lineY = shapeStartY + (y - shapeStartY) * (i / steps);
				// Convert to canvas-local coordinates
				var canvasLocalX = lineX - drawingCanvas.x;
				var canvasLocalY = lineY - drawingCanvas.y;
				var lineStroke = new BrushStroke(canvasLocalX, canvasLocalY, currentColor, brushSize);
				drawingCanvas.addChild(lineStroke);
				strokes.push(lineStroke);
			}
		} else if (currentTool === tools[5]) {
			// Rectangle/Rectángulo
			// Draw rectangle outline
			var rectWidth = Math.abs(x - shapeStartX);
			var rectHeight = Math.abs(y - shapeStartY);
			var minX = Math.min(shapeStartX, x);
			var minY = Math.min(shapeStartY, y);
			// Top and bottom lines
			for (var j = 0; j <= rectWidth; j += 10) {
				// Convert to canvas-local coordinates
				var topCanvasX = minX + j - drawingCanvas.x;
				var topCanvasY = minY - drawingCanvas.y;
				var bottomCanvasX = minX + j - drawingCanvas.x;
				var bottomCanvasY = minY + rectHeight - drawingCanvas.y;
				var topStroke = new BrushStroke(topCanvasX, topCanvasY, currentColor, brushSize);
				var bottomStroke = new BrushStroke(bottomCanvasX, bottomCanvasY, currentColor, brushSize);
				drawingCanvas.addChild(topStroke);
				drawingCanvas.addChild(bottomStroke);
				strokes.push(topStroke);
				strokes.push(bottomStroke);
			}
			// Left and right lines
			for (var k = 0; k <= rectHeight; k += 10) {
				// Convert to canvas-local coordinates
				var leftCanvasX = minX - drawingCanvas.x;
				var leftCanvasY = minY + k - drawingCanvas.y;
				var rightCanvasX = minX + rectWidth - drawingCanvas.x;
				var rightCanvasY = minY + k - drawingCanvas.y;
				var leftStroke = new BrushStroke(leftCanvasX, leftCanvasY, currentColor, brushSize);
				var rightStroke = new BrushStroke(rightCanvasX, rightCanvasY, currentColor, brushSize);
				drawingCanvas.addChild(leftStroke);
				drawingCanvas.addChild(rightStroke);
				strokes.push(leftStroke);
				strokes.push(rightStroke);
			}
		} else if (currentTool === tools[6]) {
			// Circle/Círculo
			// Draw circle
			var centerX = (shapeStartX + x) / 2;
			var centerY = (shapeStartY + y) / 2;
			var radius = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY)) / 2;
			var circumference = 2 * Math.PI * radius;
			var steps = Math.floor(circumference / 8);
			for (var l = 0; l < steps; l++) {
				var angle = l / steps * 2 * Math.PI;
				var circleX = centerX + Math.cos(angle) * radius;
				var circleY = centerY + Math.sin(angle) * radius;
				// Convert to canvas-local coordinates
				var canvasLocalX = circleX - drawingCanvas.x;
				var canvasLocalY = circleY - drawingCanvas.y;
				var circleStroke = new BrushStroke(canvasLocalX, canvasLocalY, currentColor, brushSize);
				drawingCanvas.addChild(circleStroke);
				strokes.push(circleStroke);
			}
		}
	}
	isDrawing = false;
	isDrawingShape = false;
};
// Add keyboard event listener for space key
LK.on('keydown', function (event) {
	if (event.key === ' ' || event.code === 'Space') {
		if (gameState === 'story' && dialogSystem && dialogSystem.visible) {
			dialogSystem.nextDialog();
		}
	}
});
// Initialize the game
// Reset to act 1 on first load
currentAct = 1;
storage.currentAct = 1;
initializeMenu();
// Main game loop
game.update = function () {
	// Game update loop
};

===================================================================
--- original.js
+++ change.js
@@ -504,8 +504,10 @@
 			if (!this.isCollected && isNearMouse(this)) {
 				this.isCollected = true;
 				collectedColors++;
 				colorCounter.setText(getLocalizedText('colorsCollected') + ': ' + collectedColors + '/4');
+				// Play sound effect
+				LK.getSound('ttt').play();
 				// Make color disappear
 				tween(this, {
 					alpha: 0,
 					scaleX: 0,