/**** 
* 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;
// 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']
	},
	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']
	}
};
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 titleText = new Text2(getLocalizedText('title'), {
		size: 80,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 800;
	titleScreen.addChild(titleText);
	var playButton = new MenuButton(getLocalizedText('playButton') + ' ' + currentAct, 1024, 1200, function () {
		startStory();
	});
	titleScreen.addChild(playButton);
	var languageButton = new MenuButton(getLocalizedText('languageButton'), 1024, 1350, function () {
		showLanguageMenu();
	});
	titleScreen.addChild(languageButton);
}
function showLanguageMenu() {
	titleScreen.removeChildren();
	var titleText = new Text2(getLocalizedText('title'), {
		size: 80,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 800;
	titleScreen.addChild(titleText);
	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 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 () {
				// Fade to black and return to menu
				tween(wendigoReadingSprite, {
					alpha: 0
				}, {
					duration: 2000,
					onFinish: function onFinish() {
						currentAct++;
						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 !== '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) {
	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
initializeMenu();
// Main game loop
game.update = function () {
	// Game update loop
};

===================================================================
--- original.js
+++ change.js
@@ -171,9 +171,9 @@
 	es: {
 		title: 'BLACK PAINT',
 		playButton: 'jugar acto',
 		languageButton: 'lenguaje',
-		pressSpace: 'Presiona ESPACIO para continuar',
+		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"',
@@ -184,9 +184,9 @@
 	en: {
 		title: 'BLACK PAINT',
 		playButton: 'play act',
 		languageButton: 'language',
-		pressSpace: 'Press SPACE to continue',
+		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"',
@@ -572,12 +572,15 @@
 			// 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 - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y));
+				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);
 				}
@@ -611,12 +614,15 @@
 			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 - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y));
+			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);
 			}