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

/**** 
* Classes
****/ 
var ButtonBot = Container.expand(function () {
	var self = Container.call(this);
	var buttonBotGraphics = self.attachAsset('BUTTON_BOT', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// Create a button top class
var ButtonTop = Container.expand(function () {
	var self = Container.call(this);
	var buttonTopGraphics = self.attachAsset('BUTTON_TOP', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// Create a player class
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('character', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});

/**** 
* Initialize Game
****/ 
// Add player to the game
var game = new LK.Game({
	backgroundColor: 0xffffff
});

/**** 
* Game Code
****/ 
// Add player to the game
game.down = function (x, y, obj) {
	// Create a tween to move the player up by 200 units over 0.5 seconds
	tween(player, {
		y: player.y - 200
	}, {
		duration: 500
	});
};
var player = game.addChild(new Player());
player.x = player.width / 2 + 200; // Position player 200 units to the right of the center left of the screen
player.y = 2732 / 2 - 250; // Move player 150 units down
// Add background to the game
var background = game.addChild(LK.getAsset('background_1', {
	anchorX: 0.5,
	anchorY: 0.5
}));
background.x = 2048 / 2; // Center background horizontally
background.y = 2732 / 2 + 150; // Move background down by 550 pixels
background.rotation = Math.PI / 9; // Rotate background by 20 degrees clockwise
// Move background_1 towards its left side
var backgroundCounter = 0;
var backgroundTimer = LK.setInterval(function () {
	var newBackground = game.addChild(LK.getAsset('background_1', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	newBackground.x = 2048 / 2 + 2500; // Move background 2048 pixels to the right
	newBackground.y = 2732 / 2 + 1060; // Move background down by 1100 pixels
	newBackground.rotation = Math.PI / 9; // Rotate background by 20 degrees clockwise
	backgroundCounter++;
	if (backgroundCounter === 1) {
		LK.clearInterval(backgroundTimer);
		backgroundTimer = LK.setInterval(function () {
			var newBackground = game.addChild(LK.getAsset('background_1', {
				anchorX: 0.5,
				anchorY: 0.5
			}));
			newBackground.x = 2048 / 2 + 2500; // Move background 2048 pixels to the right
			newBackground.y = 2732 / 2 + 1060; // Move background down by 1100 pixels
			newBackground.rotation = Math.PI / 9; // Rotate background by 20 degrees clockwise
		}, 5000);
	} else if (backgroundCounter === 2) {
		LK.clearInterval(backgroundTimer);
		backgroundTimer = LK.setInterval(function () {
			var newBackground = game.addChild(LK.getAsset('background_1', {
				anchorX: 0.5,
				anchorY: 0.5
			}));
			newBackground.x = 2048 / 2 + 2500; // Move background 2048 pixels to the right
			newBackground.y = 2732 / 2 + 1060; // Move background down by 1100 pixels
			newBackground.rotation = Math.PI / 9; // Rotate background by 20 degrees clockwise
		}, 1000);
	}
}, 500);
var gameStarted = false;
var gameStartTimer = LK.setTimeout(function () {
	gameStarted = true;
}, 2000);
// Add BUTTON_TOP to the game
var buttonTop = game.addChild(new ButtonTop());
buttonTop.x = 2048 - buttonTop.width / 2 - 20; // Position buttonTop 20 units to the left of the right edge of the screen
buttonTop.y = 2732 - buttonTop.height / 2 - 320; // Position buttonTop 320 units above the bottom edge of the screen
// Add BUTTON_BOT to the game
var buttonBot = game.addChild(new ButtonBot());
buttonBot.x = 2048 - buttonBot.width / 2 - 20; // Position buttonBot 20 units to the left of the right edge of the screen
buttonBot.y = 2732 - buttonBot.height / 2 - 20; // Position buttonBot 20 units above the bottom edge of the screen
game.update = function () {
	if (!gameStarted) {
		return;
	}
	game.children.forEach(function (child) {
		if (child !== player && child !== buttonTop && child !== buttonBot) {
			child.x -= 7.5 * Math.cos(child.rotation); // Increase the speed by 1.5 times
			child.y -= 7.5 * Math.sin(child.rotation); // Increase the speed by 1.5 times
			if (child.x + child.width / 2 < 0) {
				// If the right edge of the background is less than 0 (completely off the screen)
				child.destroy(); // Remove the background
			}
		}
		game.setChildIndex(player, game.children.length - 1); // Move player to the top
	});
	// Add shaking effect to the player
	if (gameStarted) {
		player.x += Math.sin(LK.ticks / 0.5) * 4;
		player.y += Math.cos(LK.ticks / 0.5) * 4;
	}
};