===================================================================
--- original.js
+++ change.js
@@ -1273,43 +1273,8 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create a container for the tips overlay
-var tipsOverlay = new Container();
-tipsOverlay.interactive = true; // Enable interaction for tap events
-tipsOverlay.zIndex = 9999; // Ensure it's on top of other elements
-tipsOverlay.x = 2048 / 2; // Center horizontally
-tipsOverlay.y = 2732 / 2; // Center vertically
-// Attach the first tip image (Tips_1) as the overlay asset
-var tipsGraphics = tipsOverlay.attachAsset('Tips_1', {
-	anchorX: 0.5,
-	anchorY: 0.5,
-	scaleX: 2048 / 100,
-	scaleY: 2732 / 100,
-	alpha: 0.8
-});
-// We'll track the state to know which tip is showing
-var tipState = 1;
-// Listen for tap events on the overlay container
-tipsOverlay.on('pointerdown', function () {
-	if (tipState === 1) {
-		// On first tap, update the texture to show Tips_2
-		tipsGraphics.texture = LK.getAsset('Tips_2', {});
-		tipState = 2;
-	} else {
-		// On second tap, remove the overlay and start the game
-		game.removeChild(tipsOverlay);
-		startGame(); // Call a function to kick off your main game loop/logic
-	}
-});
-// Add the tips overlay to the game so it appears on start
-game.addChild(tipsOverlay);
-// Example startGame function
-function startGame() {
-	console.log("Game started!");
-	// Place your game-start logic here.
-}
 function triggerGameOver() {
 	// Freeze all game elements
 	LK.showGameOver();
 	// Create a black mask over the entire viewport
@@ -1764,41 +1729,50 @@
 		}
 	}, 16);
 }
 // ---------------------------
-// End of game initialization
+// End of game initialization code
 // Now add the tips overlay so it loads last
 // ---------------------------
+// Create a container that covers the entire viewport
 var tipsOverlay = new Container();
-tipsOverlay.interactive = true; // Allow tap events
-// Define a hit area that covers the whole game screen
+tipsOverlay.interactive = true; // Enable interaction
+// Set a hit area covering the full screen (2048×2732)
 tipsOverlay.hitArea = new Rectangle(0, 0, 2048, 2732);
 tipsOverlay.x = 0;
 tipsOverlay.y = 0;
-var tipsGraphics = LK.getAsset('Tips_1', {
-	anchorX: 0.5,
-	anchorY: 0.5,
-	scaleX: 2048 / 100,
-	scaleY: 2732 / 100,
-	alpha: 0.8
+// Attach the first tip image (Tips_1) using LK.init/attachAsset
+// Since Tips_1 is 1024x1366, doubling it (scale factor 2) fills the screen.
+var tipsGraphics = tipsOverlay.attachAsset('Tips_1', {
+	anchorX: 0,
+	anchorY: 0,
+	scaleX: 2,
+	scaleY: 2,
+	alpha: 1
 });
-tipsGraphics.anchor.set(0.5, 0.5);
-tipsGraphics.x = 2048 / 2;
-tipsGraphics.y = 2732 / 2;
-tipsGraphics.scale.set(2048 / 100, 2732 / 100);
-tipsGraphics.alpha = 0.8;
-tipsOverlay.addChild(tipsGraphics);
 var tipState = 1;
-tipsOverlay.on('pointerdown', function () {
+// Use the engine's built-in 'down' event handler for the container
+tipsOverlay.down = function (x, y, event) {
+	console.log("Down event triggered, tipState:", tipState);
 	if (tipState === 1) {
-		// First tap: change to Tips_2
-		tipsGraphics.texture = LK.getAsset('Tips_2', {});
+		// First tap: switch from Tips_1 to Tips_2 by removing the current asset and attaching the new one.
+		tipsOverlay.removeChild(tipsGraphics);
+		tipsGraphics = tipsOverlay.attachAsset('Tips_2', {
+			anchorX: 0,
+			anchorY: 0,
+			scaleX: 2,
+			scaleY: 2,
+			alpha: 1
+		});
 		tipState = 2;
 	} else {
-		// Second tap: remove overlay and start the game
+		// Second tap: remove the overlay and start the game
 		game.removeChild(tipsOverlay);
-		tipsOverlay.off('pointerdown');
-		startGame(); // Kick off your game logic
+		startGame();
 	}
-});
-// Add the tips overlay last so it appears on top
-game.addChild(tipsOverlay);
\ No newline at end of file
+};
+// Add the overlay last so it appears on top
+game.addChild(tipsOverlay);
+function startGame() {
+	console.log("Game started!");
+	// Insert your game-start logic here.
+}
\ No newline at end of file