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

/**** 
* Classes
****/ 
var LetterBox = Container.expand(function (letter, isCompleted, isLocked) {
	var self = Container.call(this);
	self.letter = letter;
	self.isCompleted = isCompleted || false;
	self.isLocked = isLocked || false;
	// Choose appropriate background based on state
	var boxType = 'letterBox';
	if (self.isCompleted) {
		boxType = 'completedLetterBox';
	} else if (self.isLocked) {
		boxType = 'lockedLetterBox';
	}
	var box = self.attachAsset(boxType, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add letter text
	var letterText = new Text2(letter, {
		size: 120,
		fill: self.isLocked ? "#666666" : "#FFFFFF"
	});
	letterText.anchor.set(0.5, 0.5);
	self.addChild(letterText);
	// Add star if completed
	if (self.isCompleted) {
		var star = self.attachAsset('star', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 70,
			y: -70
		});
	}
	self.down = function (x, y, obj) {
		if (!self.isLocked) {
			// Scale animation on touch
			tween(self, {
				scaleX: 0.9,
				scaleY: 0.9
			}, {
				duration: 100
			});
			tween(self, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 100
			});
			// Switch to letter activity
			currentGameState = 'letterActivity';
			currentLetter = self.letter;
			setupLetterActivity(self.letter);
		}
	};
	return self;
});
var TraceDot = Container.expand(function (x, y, index) {
	var self = Container.call(this);
	self.x = x;
	self.y = y;
	self.index = index;
	self.isCompleted = false;
	var dot = self.attachAsset('traceDot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.complete = function () {
		if (!self.isCompleted) {
			self.isCompleted = true;
			self.removeChild(dot);
			var completedDot = self.attachAsset('completedDot', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			// Celebration animation
			tween(self, {
				scaleX: 1.5,
				scaleY: 1.5
			}, {
				duration: 200
			});
			tween(self, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 200
			});
			LK.getSound('correctAction').play();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var currentGameState = 'letterSelection'; // 'letterSelection' or 'letterActivity'
var currentLetter = '';
var unlockedLetters = storage.unlockedLetters || 1; // Number of unlocked letters (A=1, B=2, etc.)
var completedLetters = storage.completedLetters || [];
var letterBoxes = [];
var traceDots = [];
var currentTraceIndex = 0;
// Letter patterns for tracing (simplified dot positions)
var letterPatterns = {
	'A': [{
		x: 900,
		y: 800
	}, {
		x: 950,
		y: 600
	}, {
		x: 1000,
		y: 400
	}, {
		x: 1100,
		y: 400
	}, {
		x: 1150,
		y: 600
	}, {
		x: 1200,
		y: 800
	}, {
		x: 1000,
		y: 600
	}, {
		x: 1100,
		y: 600
	}],
	'B': [{
		x: 900,
		y: 400
	}, {
		x: 900,
		y: 500
	}, {
		x: 900,
		y: 600
	}, {
		x: 900,
		y: 700
	}, {
		x: 900,
		y: 800
	}, {
		x: 1000,
		y: 400
	}, {
		x: 1050,
		y: 450
	}, {
		x: 1000,
		y: 500
	}, {
		x: 1000,
		y: 600
	}, {
		x: 1050,
		y: 650
	}, {
		x: 1000,
		y: 700
	}],
	'C': [{
		x: 1100,
		y: 450
	}, {
		x: 1000,
		y: 400
	}, {
		x: 950,
		y: 500
	}, {
		x: 950,
		y: 600
	}, {
		x: 950,
		y: 700
	}, {
		x: 1000,
		y: 800
	}, {
		x: 1100,
		y: 750
	}]
};
// Add more basic patterns for other letters
for (var i = 0; i < 26; i++) {
	var letter = String.fromCharCode(65 + i);
	if (!letterPatterns[letter]) {
		// Simple default pattern for letters not defined
		letterPatterns[letter] = [{
			x: 900 + i * 10,
			y: 400
		}, {
			x: 950 + i * 10,
			y: 500
		}, {
			x: 1000 + i * 10,
			y: 600
		}, {
			x: 1050 + i * 10,
			y: 700
		}, {
			x: 1100 + i * 10,
			y: 800
		}];
	}
}
// UI Elements
var titleText = new Text2('ABC Learning Adventure', {
	size: 100,
	fill: 0x2E7D32
});
titleText.anchor.set(0.5, 0);
LK.gui.top.addChild(titleText);
var backButton = new Text2('← Back', {
	size: 80,
	fill: 0x1976D2
});
backButton.anchor.set(0, 0);
backButton.x = 150;
backButton.y = 100;
var progressText = new Text2('Progress: 0/26', {
	size: 60,
	fill: 0x424242
});
progressText.anchor.set(0.5, 0);
progressText.x = 1024;
progressText.y = 200;
function setupLetterSelection() {
	currentGameState = 'letterSelection';
	// Clear existing elements
	game.removeChildren();
	// Add progress text
	game.addChild(progressText);
	progressText.setText('Progress: ' + completedLetters.length + '/26');
	// Create letter grid (6x5 layout with last row having 2 letters)
	letterBoxes = [];
	var startX = 200;
	var startY = 400;
	var spacing = 300;
	for (var i = 0; i < 26; i++) {
		var letter = String.fromCharCode(65 + i);
		var row = Math.floor(i / 6);
		var col = i % 6;
		// Center the last row (U, V, W, X, Y, Z)
		var x = startX + col * spacing;
		if (row === 4) {
			x = startX + (col + 1) * spacing;
		}
		var y = startY + row * spacing;
		var isCompleted = completedLetters.indexOf(letter) !== -1;
		var isLocked = i + 1 > unlockedLetters;
		var letterBox = new LetterBox(letter, isCompleted, isLocked);
		letterBox.x = x;
		letterBox.y = y;
		letterBoxes.push(letterBox);
		game.addChild(letterBox);
	}
}
function setupLetterActivity(letter) {
	currentGameState = 'letterActivity';
	// Clear existing elements
	game.removeChildren();
	// Add background
	var background = game.attachAsset('traceBackground', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	});
	// Add back button
	game.addChild(backButton);
	// Add instruction text
	var instructionText = new Text2('Trace the letter ' + letter, {
		size: 80,
		fill: 0x2E7D32
	});
	instructionText.anchor.set(0.5, 0.5);
	instructionText.x = 1024;
	instructionText.y = 300;
	game.addChild(instructionText);
	// Create trace dots
	traceDots = [];
	currentTraceIndex = 0;
	var pattern = letterPatterns[letter];
	for (var i = 0; i < pattern.length; i++) {
		var dot = new TraceDot(pattern[i].x, pattern[i].y, i);
		traceDots.push(dot);
		game.addChild(dot);
	}
	// Highlight first dot
	if (traceDots.length > 0) {
		tween(traceDots[0], {
			scaleX: 1.3,
			scaleY: 1.3
		}, {
			duration: 500
		});
		tween(traceDots[0], {
			scaleX: 1.0,
			scaleY: 1.0
		}, {
			duration: 500
		});
	}
}
function completeLetterActivity() {
	// Mark letter as completed
	if (completedLetters.indexOf(currentLetter) === -1) {
		completedLetters.push(currentLetter);
		storage.completedLetters = completedLetters;
		// Unlock next letter
		var letterIndex = currentLetter.charCodeAt(0) - 65;
		if (letterIndex + 2 > unlockedLetters) {
			unlockedLetters = letterIndex + 2;
			storage.unlockedLetters = unlockedLetters;
		}
		// Play celebration sound
		LK.getSound('celebration').play();
		// Flash screen green
		LK.effects.flashScreen(0x4CAF50, 1000);
		// Show completion message
		var completionText = new Text2('Great job! Letter ' + currentLetter + ' completed!', {
			size: 80,
			fill: 0x2E7D32
		});
		completionText.anchor.set(0.5, 0.5);
		completionText.x = 1024;
		completionText.y = 2000;
		game.addChild(completionText);
		// Animate completion text
		tween(completionText, {
			y: 1200
		}, {
			duration: 1000
		});
		// Return to letter selection after delay
		LK.setTimeout(function () {
			setupLetterSelection();
		}, 3000);
	}
}
// Event handlers
game.down = function (x, y, obj) {
	if (currentGameState === 'letterActivity') {
		// Check if back button was clicked
		if (x >= 100 && x <= 300 && y >= 50 && y <= 150) {
			setupLetterSelection();
			return;
		}
		// Check if current trace dot was touched
		if (currentTraceIndex < traceDots.length) {
			var currentDot = traceDots[currentTraceIndex];
			var distance = Math.sqrt(Math.pow(x - currentDot.x, 2) + Math.pow(y - currentDot.y, 2));
			if (distance < 80) {
				currentDot.complete();
				currentTraceIndex++;
				// Highlight next dot
				if (currentTraceIndex < traceDots.length) {
					var nextDot = traceDots[currentTraceIndex];
					tween(nextDot, {
						scaleX: 1.3,
						scaleY: 1.3
					}, {
						duration: 300
					});
					tween(nextDot, {
						scaleX: 1.0,
						scaleY: 1.0
					}, {
						duration: 300
					});
				} else {
					// All dots completed
					LK.getSound('letterComplete').play();
					LK.setTimeout(function () {
						completeLetterActivity();
					}, 1000);
				}
			}
		}
	}
};
game.update = function () {
	// Update any ongoing animations or game logic
	if (currentGameState === 'letterActivity') {
		// Add subtle floating animation to incomplete dots
		for (var i = 0; i < traceDots.length; i++) {
			var dot = traceDots[i];
			if (!dot.isCompleted && LK.ticks % 120 === 0) {
				tween(dot, {
					y: dot.y - 10
				}, {
					duration: 600,
					easing: tween.easeInOut
				});
				tween(dot, {
					y: dot.y + 10
				}, {
					duration: 600,
					easing: tween.easeInOut
				});
			}
		}
	}
};
// Initialize the game
setupLetterSelection();

===================================================================
--- original.js
+++ change.js
@@ -74,9 +74,9 @@
 	});
 	self.complete = function () {
 		if (!self.isCompleted) {
 			self.isCompleted = true;
-			dot.removeFromParent();
+			self.removeChild(dot);
 			var completedDot = self.attachAsset('completedDot', {
 				anchorX: 0.5,
 				anchorY: 0.5
 			});