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

/**** 
* Classes
****/ 
var Basketball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('basketball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speedY = 0;
	self.gravity = 0.5;
	self.bounce = -10;
	self.changeSkin = function (skinId) {
		self.removeChild(ballGraphics);
		ballGraphics = self.attachAsset(skinId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	};
	self.update = function () {
		self.speedY += self.gravity;
		self.y += self.speedY;
		if (self.y > 2732 - ballGraphics.height / 2) {
			self.y = 2732 - ballGraphics.height / 2;
			self.speedY = self.bounce;
		}
	};
	self.tap = function () {
		self.speedY = self.bounce;
	};
	return self;
});
var Hoop = Container.expand(function () {
	var self = Container.call(this);
	var hoopGraphics = self.attachAsset('hoop', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speedX = -5;
	self.update = function () {
		self.x += self.speedX;
		if (self.x < -hoopGraphics.width / 2) {
			self.x = 2048 + hoopGraphics.width / 2;
			self.y = Math.random() * (2732 - 400) + 200;
			self.scored = false;
		}
	};
	return self;
});
var MainMenu = Container.expand(function () {
	var self = Container.call(this);
	// Create title text
	var titleText = new Text2('FLAPPY DUNK', {
		size: 150,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 2048 / 2;
	titleText.y = 2732 / 3;
	self.addChild(titleText);
	// Create play button
	var playButton = self.attachAsset('playButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.5,
		scaleY: 1.5,
		x: 2048 / 2,
		y: 2732 / 2
	});
	// Create play text
	var playText = new Text2('TAP TO PLAY', {
		size: playButton.width * 0.4,
		// Size proportional to play button width
		fill: 0xFFFFFF
	});
	playText.anchor.set(0.5, 0.5);
	playText.x = 2048 / 2;
	playText.y = 2732 / 2;
	self.addChild(playText);
	// Animate play button
	tween(playButton, {
		scaleX: 1.7,
		scaleY: 1.7
	}, {
		duration: 800,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			// Animation will repeat automatically with tweening back and forth
			tween(playButton, {
				scaleX: 1.5,
				scaleY: 1.5
			}, {
				duration: 800,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Create infinite animation loop
					self.update = function () {
						if (!playButton.isTweening) {
							tween(playButton, {
								scaleX: playButton.scaleX === 1.5 ? 1.7 : 1.5,
								scaleY: playButton.scaleY === 1.5 ? 1.7 : 1.5
							}, {
								duration: 800,
								easing: tween.easeInOut
							});
						}
					};
				}
			});
		}
	});
	// Event handlers
	self.down = function () {
		LK.getSound('click').play();
		if (typeof self.onPlay === 'function') {
			self.onPlay();
		}
	};
	return self;
});
var SkinButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('skinButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function () {
		LK.getSound('click').play();
		self.scale.set(0.9, 0.9);
	};
	self.up = function () {
		self.scale.set(1, 1);
		if (typeof self.onTap === 'function') {
			self.onTap();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Initialize assets used in this game. Scale them according to what is needed for the game.
game.setBackgroundColor(0x000000);
// Define available basketball skins
var basketballSkins = [{
	id: '680131741362ae11fa646c61',
	name: 'Classic'
}, {
	id: '6801e9f12f9255a02dd2ec1c',
	name: 'Blue'
}, {
	id: '6801e9fb1362ae11fa647bb1',
	name: 'Pink'
}];
// Initialize with default skin
var currentSkinIndex = 0;
// Game state management
var GAME_STATE = {
	MENU: 0,
	PLAYING: 1
};
var currentState = GAME_STATE.MENU;
// Main menu elements
var mainMenu = new MainMenu();
game.addChild(mainMenu);
// Game elements (initialized but not added to stage yet)
var basketball;
var hoops = [];
var hoop;
var scoreTxt;
var score = 0;
var skinButton;
var skinNameTxt;
// Initialize main menu
mainMenu.onPlay = function () {
	// Hide menu
	mainMenu.visible = false;
	// Start game
	startGame();
};
// Function to initialize and start the game
function startGame() {
	currentState = GAME_STATE.PLAYING;
	// Create basketball with initial skin
	basketball = game.addChild(new Basketball());
	basketball.x = 2048 / 4;
	basketball.y = 2732 / 2;
	basketball.scaleX = 1.5;
	basketball.scaleY = 1.5;
	// Create hoop
	hoop = game.addChild(new Hoop());
	hoop.x = 2048;
	hoop.y = Math.random() * (2732 - 800) + 400;
	hoop.scaleX = 3;
	hoop.scaleY = 3;
	hoop.scored = false;
	hoops.push(hoop);
	// Create score text
	scoreTxt = new Text2('0', {
		size: 150,
		fill: 0xFFFFFF
	});
	scoreTxt.anchor.set(0.5, 0);
	LK.gui.top.addChild(scoreTxt);
	// Create skin selection button
	skinButton = new SkinButton();
	skinButton.x = 150;
	skinButton.y = 150;
	skinButton.onTap = function () {
		// Cycle through skins
		currentSkinIndex = (currentSkinIndex + 1) % basketballSkins.length;
		var newSkin = basketballSkins[currentSkinIndex];
		// Update basketball skin
		if (currentSkinIndex === 0) {
			basketball.changeSkin('basketball');
		} else if (currentSkinIndex === 1) {
			basketball.changeSkin('basketball_blue');
		} else if (currentSkinIndex === 2) {
			basketball.changeSkin('basketball_pink');
		}
		// Update skin name text
		skinNameTxt.setText(basketballSkins[currentSkinIndex].name);
	};
	LK.gui.topLeft.addChild(skinButton);
	// Create skin name text
	skinNameTxt = new Text2(basketballSkins[currentSkinIndex].name, {
		size: 50,
		fill: 0xFFFFFF
	});
	skinNameTxt.anchor.set(0.5, 0);
	skinNameTxt.x = skinButton.x;
	skinNameTxt.y = skinButton.y + 70;
	LK.gui.topLeft.addChild(skinNameTxt);
}
game.down = function (x, y, obj) {
	if (currentState === GAME_STATE.PLAYING) {
		basketball.tap();
	}
};
game.update = function () {
	if (currentState === GAME_STATE.PLAYING) {
		basketball.update();
		for (var i = 0; i < hoops.length; i++) {
			hoops[i].update();
			if (!hoops[i].scored && basketball.intersects(hoops[i])) {
				score += 10;
				scoreTxt.setText(score);
				LK.getSound('swish').play();
				hoops[i].scored = true;
			}
		}
		if (basketball.y > 2732 - basketball.height / 2 || basketball.y < basketball.height / 2 || basketball.x < basketball.width / 2 || basketball.x > 2048 - basketball.width / 2) {
			LK.showGameOver();
		}
	}
};
LK.playMusic('bgmusic');
;

===================================================================
--- original.js
+++ change.js
@@ -73,9 +73,10 @@
 		y: 2732 / 2
 	});
 	// Create play text
 	var playText = new Text2('TAP TO PLAY', {
-		size: 80,
+		size: playButton.width * 0.4,
+		// Size proportional to play button width
 		fill: 0xFFFFFF
 	});
 	playText.anchor.set(0.5, 0.5);
 	playText.x = 2048 / 2;