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

/**** 
* Classes
****/ 
// Screen management class for handling different game screens
var Screen = Container.expand(function () {
	var self = Container.call(this);
	// Screen properties
	self.screenType = 'default';
	self.isActive = false;
	// Initialize screen with full screen coverage
	self.width = 2048;
	self.height = 2732;
	// Screen background
	var background = self.attachAsset('pixel', {
		scaleX: 256,
		scaleY: 341.5,
		tint: 0x000000,
		alpha: 0.8
	});
	// Screen transition methods
	self.show = function () {
		self.visible = true;
		self.isActive = true;
		// Fade in effect
		self.alpha = 0;
		tween(self, {
			alpha: 1
		}, {
			duration: 500
		});
	};
	self.hide = function () {
		self.isActive = false;
		// Fade out effect
		tween(self, {
			alpha: 0
		}, {
			duration: 500,
			onFinish: function onFinish() {
				self.visible = false;
			}
		});
	};
	// Screen update logic
	self.update = function () {
		if (!self.isActive) return;
		// Override in specific screen implementations
		self.updateScreen();
	};
	// Virtual method to be overridden
	self.updateScreen = function () {
		// Default screen behavior
	};
	return self;
});
// Menu Screen class
var MenuScreen = Screen.expand(function () {
	var self = Screen.call(this);
	self.screenType = 'menu';
	// Menu title
	var title = new Text2('PIXEL GRID', {
		size: 120,
		fill: 0xFFFFFF
	});
	title.anchor.set(0.5, 0.5);
	title.x = 1024;
	title.y = 600;
	self.addChild(title);
	// Menu instructions
	var instructions = new Text2('Tap to Start', {
		size: 80,
		fill: 0xFFFFFF
	});
	instructions.anchor.set(0.5, 0.5);
	instructions.x = 1024;
	instructions.y = 1400;
	self.addChild(instructions);
	// Menu screen touch handler
	self.down = function (x, y, obj) {
		screenManager.switchTo('game');
	};
	return self;
});
// Game Screen class
var GameScreen = Screen.expand(function () {
	var self = Screen.call(this);
	self.screenType = 'game';
	// This will contain the pixel grid
	self.pixelGrid = [];
	self.updateScreen = function () {
		// Game screen specific updates
		self.animatePixels();
	};
	self.animatePixels = function () {
		// Animate pixel colors over time
		if (LK.ticks % 60 === 0) {
			// Every second
			for (var i = 0; i < self.pixelGrid.length; i++) {
				var pixel = self.pixelGrid[i];
				if (pixel && pixel.visible) {
					// Cycle through rainbow colors
					var colors = [0xFF0000, 0xFF8000, 0xFFFF00, 0x00FF00, 0x0000FF, 0x4B0082, 0x9400D3];
					var newColor = colors[Math.floor(Math.random() * colors.length)];
					tween(pixel, {
						tint: newColor
					}, {
						duration: 1000
					});
				}
			}
		}
	};
	return self;
});
// Screen Manager class
var ScreenManager = Container.expand(function () {
	var self = Container.call(this);
	self.screens = {};
	self.currentScreen = null;
	// Register a screen
	self.addScreen = function (name, screen) {
		self.screens[name] = screen;
		screen.visible = false;
		self.addChild(screen);
	};
	// Switch between screens
	self.switchTo = function (screenName) {
		if (self.currentScreen) {
			self.currentScreen.hide();
		}
		if (self.screens[screenName]) {
			self.currentScreen = self.screens[screenName];
			self.currentScreen.show();
		}
	};
	// Get current screen
	self.getCurrentScreen = function () {
		return self.currentScreen;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Initialize screen manager
var screenManager = game.addChild(new ScreenManager());
// Create different screens
var menuScreen = new MenuScreen();
var gameScreen = new GameScreen();
// Add screens to manager
screenManager.addScreen('menu', menuScreen);
screenManager.addScreen('game', gameScreen);
// Game constants for the grid
var GRID_SIZE = 64;
var PIXEL_SIZE = 2048 / GRID_SIZE;
// Create the grid of pixels and add to game screen
var colorIndex = 0;
var rainbowColors = [0xFF0000, 0xFF8000, 0xFFFF00, 0x00FF00, 0x0000FF, 0x4B0082, 0x9400D3];
for (var y = 0; y < GRID_SIZE; y++) {
	for (var x = 0; x < GRID_SIZE; x++) {
		// Center the virtual screen
		var offset = 2732 / 2 - GRID_SIZE * PIXEL_SIZE / 2;
		// Get color from rainbow sequence
		var color = rainbowColors[colorIndex % rainbowColors.length];
		colorIndex++;
		// Get an instance of our pixel asset
		var pixel = LK.getAsset('pixel', {
			x: x * PIXEL_SIZE,
			y: y * PIXEL_SIZE + offset,
			tint: color
		});
		// Add the pixel to the game screen instead of main game
		gameScreen.addChild(pixel);
		gameScreen.pixelGrid.push(pixel);
	}
}
// Start with menu screen
screenManager.switchTo('menu');
// Game touch handler for screen switching
game.down = function (x, y, obj) {
	var currentScreen = screenManager.getCurrentScreen();
	if (currentScreen && currentScreen.screenType === 'game') {
		// Switch back to menu when touching game screen
		screenManager.switchTo('menu');
	}
};

===================================================================
--- original.js
+++ change.js
@@ -27,19 +27,24 @@
 		self.visible = true;
 		self.isActive = true;
 		// Fade in effect
 		self.alpha = 0;
-		tween.to(self, {
+		tween(self, {
 			alpha: 1
-		}, 500);
+		}, {
+			duration: 500
+		});
 	};
 	self.hide = function () {
 		self.isActive = false;
 		// Fade out effect
-		tween.to(self, {
+		tween(self, {
 			alpha: 0
-		}, 500, function () {
-			self.visible = false;
+		}, {
+			duration: 500,
+			onFinish: function onFinish() {
+				self.visible = false;
+			}
 		});
 	};
 	// Screen update logic
 	self.update = function () {
@@ -100,11 +105,13 @@
 				if (pixel && pixel.visible) {
 					// Cycle through rainbow colors
 					var colors = [0xFF0000, 0xFF8000, 0xFFFF00, 0x00FF00, 0x0000FF, 0x4B0082, 0x9400D3];
 					var newColor = colors[Math.floor(Math.random() * colors.length)];
-					tween.to(pixel, {
+					tween(pixel, {
 						tint: newColor
-					}, 1000);
+					}, {
+						duration: 1000
+					});
 				}
 			}
 		}
 	};