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

/**** 
* Classes
****/ 
var Character = Container.expand(function (assetId, startX, startY) {
	var self = Container.call(this);
	var sprite = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 1
	});
	self.x = startX;
	self.y = startY;
	self.alpha = 0;
	self.appear = function () {
		tween(self, {
			alpha: 1
		}, {
			duration: 800,
			easing: tween.easeOut
		});
	};
	self.hide = function () {
		tween(self, {
			alpha: 0
		}, {
			duration: 300
		});
	};
	return self;
});
var Firework = Container.expand(function (startX, startY) {
	var self = Container.call(this);
	var firework = self.attachAsset('firework', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = startX;
	self.y = startY;
	self.alpha = 0;
	self.explode = function () {
		tween(self, {
			alpha: 1,
			scaleX: 3,
			scaleY: 3
		}, {
			duration: 500,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self, {
					alpha: 0
				}, {
					duration: 800
				});
			}
		});
	};
	return self;
});
var TVSet = Container.expand(function () {
	var self = Container.call(this);
	var frame = self.attachAsset('tvFrame', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var screen = self.attachAsset('tvScreen', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var garden = self.attachAsset('gardenBg', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	garden.alpha = 0;
	var playBtn = self.attachAsset('playButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var playIcon = self.attachAsset('playTriangle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 10
	});
	self.showGarden = function () {
		garden.alpha = 1;
		playBtn.alpha = 0;
		playIcon.alpha = 0;
	};
	self.showPlayButton = function () {
		garden.alpha = 0;
		playBtn.alpha = 1;
		playIcon.alpha = 1;
	};
	self.down = function (x, y, obj) {
		if (playBtn.alpha > 0) {
			LK.getSound('click').play();
			game.nextScene();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var currentScene = 0;
var maxScenes = 8;
var sceneTimer = null;
var fireworksActive = false;
var characters = [];
var fireworks = [];
var sceneTexts = ["Welcome to Bing's Fireworks Adventure!", "Bing and Flop arrive in the garden...", "Coco brings baby Charlie to join them!", "Sula and Amma come to watch too!", "Pando and Padget are excited for fireworks!", "The Pig family arrives just in time!", "The fireworks begin! So beautiful!", "Bing gets scared, but friends comfort him."];
// Create TV set
var tvSet = game.addChild(new TVSet());
tvSet.x = 1024;
tvSet.y = 1366;
// Create scene text
var sceneText = new Text2(sceneTexts[0], {
	size: 60,
	fill: 0xFFFFFF
});
sceneText.anchor.set(0.5, 0);
LK.gui.top.addChild(sceneText);
sceneText.y = 100;
// Create play instruction
var instructionText = new Text2("Tap the TV to continue the story!", {
	size: 50,
	fill: 0xFFD700
});
instructionText.anchor.set(0.5, 1);
LK.gui.bottom.addChild(instructionText);
instructionText.y = -100;
function createCharacters() {
	characters = [];
	// Scene 1: Bing and Flop
	if (currentScene >= 1) {
		var bing = new Character('bing', 400, 800);
		var flop = new Character('flop', 550, 800);
		characters.push(bing, flop);
	}
	// Scene 2: Coco and Charlie
	if (currentScene >= 2) {
		var coco = new Character('coco', 700, 800);
		var charlie = new Character('charlie', 820, 800);
		characters.push(coco, charlie);
	}
	// Scene 3: Sula and Amma
	if (currentScene >= 3) {
		var sula = new Character('sula', 250, 800);
		var amma = new Character('amma', 130, 800);
		characters.push(sula, amma);
	}
	// Scene 4: Pando and Padget
	if (currentScene >= 4) {
		var pando = new Character('pando', 950, 800);
		var padget = new Character('padget', 1100, 800);
		characters.push(pando, padget);
	}
	// Scene 5: Pig family
	if (currentScene >= 5) {
		var pigMama = new Character('pigMama', 1250, 800);
		var pigPapa = new Character('pigPapa', 1400, 800);
		var pigBaby = new Character('pigBaby', 1320, 750);
		characters.push(pigMama, pigPapa, pigBaby);
	}
	// Add all characters to game
	for (var i = 0; i < characters.length; i++) {
		game.addChild(characters[i]);
	}
}
function createFireworks() {
	fireworks = [];
	for (var i = 0; i < 8; i++) {
		var fw = new Firework(300 + i * 150, 200 + Math.random() * 300);
		fireworks.push(fw);
		game.addChild(fw);
	}
}
function showScene() {
	// Update scene text
	sceneText.setText(sceneTexts[currentScene]);
	if (currentScene === 0) {
		// Show play button
		tvSet.showPlayButton();
		return;
	}
	// Show garden background
	tvSet.showGarden();
	// Clear existing characters
	for (var i = 0; i < characters.length; i++) {
		characters[i].destroy();
	}
	// Create and show characters for current scene
	createCharacters();
	// Animate characters appearing
	LK.setTimeout(function () {
		for (var i = 0; i < characters.length; i++) {
			characters[i].appear();
		}
	}, 500);
	// Handle special scenes
	if (currentScene === 6) {
		// Start fireworks
		createFireworks();
		fireworksActive = true;
		LK.setTimeout(function () {
			for (var i = 0; i < fireworks.length; i++) {
				LK.setTimeout(function (fw) {
					return function () {
						fw.explode();
						LK.getSound('fireworkBoom').play();
					};
				}(fireworks[i]), i * 300);
			}
		}, 1000);
	}
	if (currentScene === 7) {
		// Bing gets scared - make him shake
		LK.setTimeout(function () {
			if (characters.length > 0) {
				var bing = characters[0];
				for (var i = 0; i < 10; i++) {
					LK.setTimeout(function () {
						bing.x += Math.random() * 10 - 5;
					}, i * 100);
				}
			}
		}, 1000);
	}
	// Auto-advance after scene 6 and 7
	if (currentScene >= 6) {
		LK.setTimeout(function () {
			if (currentScene < maxScenes - 1) {
				currentScene++;
				showScene();
			} else {
				// End of story
				instructionText.setText("The End! Tap to restart the story.");
				tvSet.showPlayButton();
			}
		}, 4000);
	} else {
		// Show play button for next scene
		LK.setTimeout(function () {
			tvSet.showPlayButton();
		}, 2000);
	}
}
game.nextScene = function () {
	if (currentScene >= maxScenes - 1) {
		// Restart story
		currentScene = 0;
		fireworksActive = false;
		// Clear fireworks
		for (var i = 0; i < fireworks.length; i++) {
			fireworks[i].destroy();
		}
		fireworks = [];
		// Clear characters
		for (var i = 0; i < characters.length; i++) {
			characters[i].destroy();
		}
		characters = [];
		instructionText.setText("Tap the TV to continue the story!");
		showScene();
	} else {
		currentScene++;
		showScene();
	}
};
game.update = function () {
	// Handle fireworks animation
	if (fireworksActive) {
		if (LK.ticks % 60 === 0) {
			// Add sparkle stars
			for (var i = 0; i < 5; i++) {
				var star = LK.getAsset('star', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: 200 + Math.random() * 1000,
					y: 100 + Math.random() * 400
				});
				game.addChild(star);
				tween(star, {
					alpha: 0,
					scaleX: 0.1,
					scaleY: 0.1
				}, {
					duration: 1000,
					onFinish: function onFinish() {
						star.destroy();
					}
				});
			}
		}
	}
};
// Start the story
showScene();