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

/**** 
* Classes
****/ 
// PipePair class (top and bottom pipes)
var PipePair = Container.expand(function () {
	var self = Container.call(this);
	// Gap size and vertical position
	self.gap = 600;
	self.pipeWidth = 220;
	self.pipeHeight = 900;
	// Top pipe
	self.topPipe = self.attachAsset('pipe', {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 0,
		y: 0
	});
	// Bottom pipe
	self.bottomPipe = self.attachAsset('pipe', {
		anchorX: 0.5,
		anchorY: 0.0,
		x: 0,
		y: self.gap + self.pipeHeight
	});
	// Used to check if player has passed this pipe
	self.passed = false;
	// Set vertical gap position
	self.setGapY = function (gapY) {
		// gapY is the y of the center of the gap
		self.topPipe.y = gapY - self.gap / 2;
		self.bottomPipe.y = gapY + self.gap / 2;
	};
	// Update method
	self.update = function () {
		self.x -= pipeSpeed;
	};
	// Get bounds for collision
	self.getTopPipeBounds = function () {
		return {
			x: self.x - self.pipeWidth / 2,
			y: self.topPipe.y - self.pipeHeight,
			width: self.pipeWidth,
			height: self.pipeHeight
		};
	};
	self.getBottomPipeBounds = function () {
		return {
			x: self.x - self.pipeWidth / 2,
			y: self.bottomPipe.y,
			width: self.pipeWidth,
			height: self.pipeHeight
		};
	};
	return self;
});
// Player class
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGfx = self.attachAsset('playerSquare', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.vy = 0; // vertical velocity
	self.gravity = 0; // gravity per frame (slower fall)
	self.flapStrength = -28; // negative = up (slower flap)
	// Flap method
	self.flap = function () {
		self.vy = self.flapStrength;
		// Animate a quick scale for feedback
		tween(playerGfx, {
			scaleY: 0.7
		}, {
			duration: 60,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(playerGfx, {
					scaleY: 1
				}, {
					duration: 120,
					easing: tween.cubicOut
				});
			}
		});
	};
	// Update method
	self.update = function () {
		self.vy += self.gravity;
		self.y += self.vy;
		// Clamp rotation for visual feedback
		var maxAngle = Math.PI / 5;
		var minAngle = -Math.PI / 6;
		var targetRot = Math.max(minAngle, Math.min(maxAngle, self.vy / 60));
		playerGfx.rotation = targetRot;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game constants
// Square player
// Pipe (top and bottom, same asset, different y/flip)
// Ground
var GROUND_HEIGHT = 120;
var PLAYER_START_X = 500;
var PLAYER_START_Y = 1200;
var PIPE_INTERVAL = 900; // px between pipes horizontally
var PIPE_MIN_Y = 500;
var PIPE_MAX_Y = 2732 - GROUND_HEIGHT - 500;
var pipeSpeed = 10;
// Game state
var player;
var pipes = [];
var ground;
var score = 0;
var scoreTxt;
var gameStarted = false;
var gameOver = false;
var lastPipeX = 0;
// Add ground
ground = LK.getAsset('ground', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 2732 - GROUND_HEIGHT
});
game.addChild(ground);
// Add player
player = new Player();
player.x = PLAYER_START_X;
player.y = PLAYER_START_Y;
game.addChild(player);
// Add score text
scoreTxt = new Text2('0', {
	size: 150,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Add up and down buttons to GUI (bottom right, bottom left)
var btnUp = LK.getAsset('btnUp', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 180,
	y: 2732 - 420
});
var btnDown = LK.getAsset('btnDown', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 180,
	y: 2732 - 180
});
game.addChild(btnUp);
game.addChild(btnDown);
// Track button press state
var btnUpPressed = false;
var btnDownPressed = false;
// Button event handlers
btnUp.down = function (x, y, obj) {
	if (gameOver) return;
	btnUpPressed = true;
	if (!gameStarted) gameStarted = true;
};
btnUp.up = function (x, y, obj) {
	btnUpPressed = false;
};
btnDown.down = function (x, y, obj) {
	if (gameOver) return;
	btnDownPressed = true;
	if (!gameStarted) gameStarted = true;
};
btnDown.up = function (x, y, obj) {
	btnDownPressed = false;
};
// Helper: reset game state
function resetGame() {
	// Remove pipes
	for (var i = 0; i < pipes.length; i++) {
		pipes[i].destroy();
	}
	pipes = [];
	// Reset player
	player.x = PLAYER_START_X;
	player.y = PLAYER_START_Y;
	player.vy = 0;
	// Reset score
	score = 0;
	scoreTxt.setText(score);
	// Reset state
	gameStarted = false;
	gameOver = false;
	lastPipeX = 0;
	if (typeof tapToStartTxt !== "undefined") {
		tapToStartTxt.visible = true;
	}
}
// Helper: spawn a new pipe pair
function spawnPipePair(x) {
	var pipe = new PipePair();
	// Randomize gap center
	var gapY = PIPE_MIN_Y + Math.floor(Math.random() * (PIPE_MAX_Y - PIPE_MIN_Y));
	pipe.x = x;
	pipe.setGapY(gapY);
	pipes.push(pipe);
	game.addChild(pipe);
}
// Start with 3 pipes offscreen to the right
for (var i = 0; i < 3; i++) {
	spawnPipePair(2048 + i * PIPE_INTERVAL);
	lastPipeX = 2048 + i * PIPE_INTERVAL;
}
// Remove direct touch drag control. Only up/down buttons move the player.
game.down = function (x, y, obj) {
	if (!gameStarted && !gameOver) {
		gameStarted = true;
	}
};
game.move = function (x, y, obj) {};
game.up = function (x, y, obj) {};
// "Tap to Start" overlay
var tapToStartTxt = new Text2('Tap to Start', {
	size: 120,
	fill: 0xffffff
});
tapToStartTxt.anchor.set(0.5, 0.5);
tapToStartTxt.x = 2048 / 2;
tapToStartTxt.y = 2732 / 2;
LK.gui.center.addChild(tapToStartTxt);
tapToStartTxt.visible = true;
// Main update loop
game.update = function () {
	if (gameOver) {
		tapToStartTxt.visible = false;
		return;
	}
	if (!gameStarted) {
		tapToStartTxt.visible = true;
		// Animate the text for a little feedback
		tapToStartTxt.alpha = 0.7 + 0.3 * Math.sin(LK.ticks / 15);
		return;
	} else {
		tapToStartTxt.visible = false;
	}
	// Only update if started
	if (gameStarted) {
		// Move player up/down if button pressed
		if (btnUpPressed) {
			player.y = Math.max(60, player.y - 22);
		}
		if (btnDownPressed) {
			player.y = Math.min(2732 - GROUND_HEIGHT - 60, player.y + 22);
		}
		player.update();
		// Move pipes and check for offscreen
		for (var i = pipes.length - 1; i >= 0; i--) {
			var pipe = pipes[i];
			pipe.update();
			// Remove pipes that are offscreen left
			if (pipe.x < -pipe.pipeWidth) {
				pipe.destroy();
				pipes.splice(i, 1);
				continue;
			}
			// Check for passing pipe (score)
			if (!pipe.passed && pipe.x + pipe.pipeWidth / 2 < player.x) {
				pipe.passed = true;
				score += 1;
				scoreTxt.setText(score);
			}
		}
		// Spawn new pipes as needed
		if (pipes.length === 0 || lastPipeX - pipes[pipes.length - 1].x >= PIPE_INTERVAL) {
			lastPipeX += PIPE_INTERVAL;
			spawnPipePair(lastPipeX);
		}
		// Collision detection: pipes
		for (var i = 0; i < pipes.length; i++) {
			var pipe = pipes[i];
			// Top pipe
			var topB = pipe.getTopPipeBounds();
			if (rectsIntersect(player, topB)) {
				endGame();
				return;
			}
			// Bottom pipe
			var botB = pipe.getBottomPipeBounds();
			if (rectsIntersect(player, botB)) {
				endGame();
				return;
			}
		}
		// Collision detection: ground
		if (player.y + 60 > 2732 - GROUND_HEIGHT) {
			player.y = 2732 - GROUND_HEIGHT - 60;
			endGame();
			return;
		}
		// Collision detection: ceiling
		if (player.y - 60 < 0) {
			player.y = 60;
			player.vy = 0;
		}
	}
};
// Rectangle intersection helper (player is a square, pipes are rectangles)
function rectsIntersect(playerObj, rect) {
	// Player bounds
	var px = playerObj.x - 60;
	var py = playerObj.y - 60;
	var pw = 120;
	var ph = 120;
	// Rect bounds
	var rx = rect.x;
	var ry = rect.y;
	var rw = rect.width;
	var rh = rect.height;
	// Check overlap
	return !(px + pw < rx || px > rx + rw || py + ph < ry || py > ry + rh);
}
// End game
function endGame() {
	gameOver = true;
	// Flash red
	LK.effects.flashScreen(0xff0000, 800);
	// Show game over (auto resets game)
	LK.setScore(score);
	LK.showGameOver();
}
// Reset game on game over
LK.on('gameover', function () {
	resetGame();
});
// Also reset on you win (not used, but for completeness)
LK.on('youwin', function () {
	resetGame();
});

===================================================================
--- original.js
+++ change.js
@@ -202,8 +202,11 @@
 	// Reset state
 	gameStarted = false;
 	gameOver = false;
 	lastPipeX = 0;
+	if (typeof tapToStartTxt !== "undefined") {
+		tapToStartTxt.visible = true;
+	}
 }
 // Helper: spawn a new pipe pair
 function spawnPipePair(x) {
 	var pipe = new PipePair();
@@ -218,21 +221,40 @@
 for (var i = 0; i < 3; i++) {
 	spawnPipePair(2048 + i * PIPE_INTERVAL);
 	lastPipeX = 2048 + i * PIPE_INTERVAL;
 }
-// Start the game when the player touches anywhere on the screen (except when game is over)
+// Remove direct touch drag control. Only up/down buttons move the player.
 game.down = function (x, y, obj) {
 	if (!gameStarted && !gameOver) {
 		gameStarted = true;
 	}
 };
 game.move = function (x, y, obj) {};
 game.up = function (x, y, obj) {};
+// "Tap to Start" overlay
+var tapToStartTxt = new Text2('Tap to Start', {
+	size: 120,
+	fill: 0xffffff
+});
+tapToStartTxt.anchor.set(0.5, 0.5);
+tapToStartTxt.x = 2048 / 2;
+tapToStartTxt.y = 2732 / 2;
+LK.gui.center.addChild(tapToStartTxt);
+tapToStartTxt.visible = true;
 // Main update loop
 game.update = function () {
 	if (gameOver) {
+		tapToStartTxt.visible = false;
 		return;
 	}
+	if (!gameStarted) {
+		tapToStartTxt.visible = true;
+		// Animate the text for a little feedback
+		tapToStartTxt.alpha = 0.7 + 0.3 * Math.sin(LK.ticks / 15);
+		return;
+	} else {
+		tapToStartTxt.visible = false;
+	}
 	// Only update if started
 	if (gameStarted) {
 		// Move player up/down if button pressed
 		if (btnUpPressed) {