===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,215 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+var ColorPage = Container.expand(function () {
+	var self = Container.call(this);
+	self.colorData = null;
+	self.backgroundImage = null;
+	self.colorText = null;
+	self.scratchOverlay = null;
+	self.isCompleted = false;
+	self.setupPage = function (colorInfo) {
+		self.colorData = colorInfo;
+		// Create background image
+		self.backgroundImage = self.addChild(LK.getAsset(colorInfo.assetId, {
+			anchorX: 0.5,
+			anchorY: 0.5
+		}));
+		self.backgroundImage.x = 1024;
+		self.backgroundImage.y = 1366;
+		// Create color text
+		self.colorText = new Text2(colorInfo.text, {
+			size: 120,
+			fill: 0xFFFFFF
+		});
+		self.colorText.anchor.set(0.5, 0.5);
+		self.colorText.x = 1024;
+		self.colorText.y = 200;
+		self.addChild(self.colorText);
+		// Create scratch overlay
+		self.scratchOverlay = self.addChild(new ScratchOverlay());
+		self.scratchOverlay.x = 124;
+		self.scratchOverlay.y = 666;
+		self.scratchOverlay.createOverlayGrid();
+		self.isCompleted = false;
+	};
+	self.handleScratch = function (x, y) {
+		if (self.isCompleted) return false;
+		var localX = x - self.scratchOverlay.x;
+		var localY = y - self.scratchOverlay.y;
+		var removedCount = self.scratchOverlay.scratchAt(localX, localY);
+		if (removedCount > 0) {
+			LK.getSound('scratch').play();
+			var revealedPercentage = self.scratchOverlay.getRevealedPercentage();
+			if (revealedPercentage >= 0.6) {
+				self.completePage();
+				return true;
+			}
+		}
+		return false;
+	};
+	self.completePage = function () {
+		self.isCompleted = true;
+		// Remove remaining overlay pieces with animation
+		for (var i = 0; i < self.scratchOverlay.overlayPieces.length; i++) {
+			var piece = self.scratchOverlay.overlayPieces[i];
+			if (piece.isVisible) {
+				tween(piece, {
+					alpha: 0
+				}, {
+					duration: 300,
+					easing: tween.easeOut
+				});
+			}
+		}
+	};
+	self.resetPage = function () {
+		self.scratchOverlay.resetOverlay();
+		self.isCompleted = false;
+	};
+	return self;
+});
+var ScratchOverlay = Container.expand(function () {
+	var self = Container.call(this);
+	// Array to store all gray overlay pieces
+	self.overlayPieces = [];
+	// Create a grid of gray overlay pieces
+	self.createOverlayGrid = function () {
+		var pieceSize = 150;
+		var rows = Math.ceil(1400 / pieceSize);
+		var cols = Math.ceil(1800 / pieceSize);
+		for (var row = 0; row < rows; row++) {
+			for (var col = 0; col < cols; col++) {
+				var overlay = self.addChild(LK.getAsset('grayOverlay', {
+					anchorX: 0.5,
+					anchorY: 0.5,
+					scaleX: 1,
+					scaleY: 1
+				}));
+				overlay.x = col * pieceSize + pieceSize / 2;
+				overlay.y = row * pieceSize + pieceSize / 2;
+				overlay.isVisible = true;
+				self.overlayPieces.push(overlay);
+			}
+		}
+	};
+	// Remove overlay pieces in a circular area around the tap
+	self.scratchAt = function (x, y) {
+		var scratchRadius = 120;
+		var removedCount = 0;
+		for (var i = 0; i < self.overlayPieces.length; i++) {
+			var piece = self.overlayPieces[i];
+			if (piece.isVisible) {
+				var distance = Math.sqrt(Math.pow(piece.x - x, 2) + Math.pow(piece.y - y, 2));
+				if (distance <= scratchRadius) {
+					piece.alpha = 0;
+					piece.isVisible = false;
+					removedCount++;
+				}
+			}
+		}
+		return removedCount;
+	};
+	// Check if enough area has been revealed
+	self.getRevealedPercentage = function () {
+		var totalPieces = self.overlayPieces.length;
+		var hiddenPieces = 0;
+		for (var i = 0; i < self.overlayPieces.length; i++) {
+			if (self.overlayPieces[i].isVisible) {
+				hiddenPieces++;
+			}
+		}
+		return (totalPieces - hiddenPieces) / totalPieces;
+	};
+	// Reset overlay for next page
+	self.resetOverlay = function () {
+		for (var i = 0; i < self.overlayPieces.length; i++) {
+			self.overlayPieces[i].alpha = 1;
+			self.overlayPieces[i].isVisible = true;
+		}
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x2C3E50
+});
+
+/**** 
+* Game Code
+****/ 
+// Scratch sound effect
+// Colorful background images for each color theme
+// Gray overlay shape for scratch-off effect
+// Color themes data
+var colorThemes = [{
+	text: "YELLOW",
+	assetId: "yellowWellies"
+}, {
+	text: "BLUE",
+	assetId: "blueSky"
+}, {
+	text: "RED",
+	assetId: "redApples"
+}, {
+	text: "GREEN",
+	assetId: "greenDinosaur"
+}, {
+	text: "PURPLE",
+	assetId: "purpleGrapes"
+}, {
+	text: "ORANGE",
+	assetId: "orangePumpkin"
+}, {
+	text: "WHITE",
+	assetId: "whiteSnow"
+}, {
+	text: "BLACK",
+	assetId: "blackSpiders"
+}];
+var currentPageIndex = 0;
+var currentPage = null;
+var completionDelay = 0;
+var isTransitioning = false;
+// Initialize first page
+function setupNewPage() {
+	if (currentPage) {
+		game.removeChild(currentPage);
+	}
+	currentPage = game.addChild(new ColorPage());
+	currentPage.setupPage(colorThemes[currentPageIndex]);
+	isTransitioning = false;
+	completionDelay = 0;
+}
+// Handle tap events
+game.down = function (x, y, obj) {
+	if (isTransitioning) return;
+	if (currentPage && !currentPage.isCompleted) {
+		var pageCompleted = currentPage.handleScratch(x, y);
+		if (pageCompleted) {
+			completionDelay = 120; // 2 seconds at 60fps
+			isTransitioning = true;
+		}
+	}
+};
+// Start with first page
+setupNewPage();
+// Main game loop
+game.update = function () {
+	if (completionDelay > 0) {
+		completionDelay--;
+		if (completionDelay <= 0) {
+			// Move to next page
+			currentPageIndex = (currentPageIndex + 1) % colorThemes.length;
+			setupNewPage();
+		}
+	}
+};
\ No newline at end of file