/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1", { highScore: 0, gamesPlayed: 0 }); /**** * Classes ****/ var Aiming = Container.expand(function () { var self = Container.call(this); var arrow = self.attachAsset('arrow', { anchorX: 0, // Anchor at base of arrow anchorY: 0.5 }); self.visible = false; self.startX = 0; self.startY = 0; self.power = 0; self.maxPower = 30; self.maxLength = 150; self.start = function (x, y) { self.visible = true; self.startX = x; self.startY = y; self.x = x; self.y = y; self.power = 0; // Initial zero size arrow.scaleX = 0; }; self.update = function (x, y) { // Calculate direction var dx = x - self.startX; var dy = y - self.startY; var angle = Math.atan2(dy, dx); // Invert the direction (pull back to shoot forward) angle += Math.PI; // Set arrow rotation arrow.rotation = angle; // Calculate power based on drag distance var distance = Math.sqrt(dx * dx + dy * dy); var powerRatio = Math.min(distance / self.maxLength, 1); self.power = powerRatio * self.maxPower; // Set arrow length based on power arrow.scaleX = powerRatio * self.maxLength / 100; }; self.end = function () { self.visible = false; return { angle: arrow.rotation, power: self.power }; }; return self; }); var Ball = Container.expand(function () { var self = Container.call(this); var ballSprite = self.attachAsset('ball', { anchorX: 0.5, anchorY: 0.5 }); // Ball state self.isMoving = false; self.velocity = { x: 0, y: 0 }; self.friction = 0.98; self.minVelocity = 0.05; self.radius = ballSprite.width / 2; // Called by the game engine every tick self.update = function () { if (self.isMoving) { // Apply movement based on velocity self.x += self.velocity.x; self.y += self.velocity.y; // Apply friction self.velocity.x *= self.friction; self.velocity.y *= self.friction; // Stop if velocity is very small if (Math.abs(self.velocity.x) < self.minVelocity && Math.abs(self.velocity.y) < self.minVelocity) { self.isMoving = false; self.velocity.x = 0; self.velocity.y = 0; } } }; // Apply collision force to ball self.hit = function (player) { // Calculate collision angle and distance var dx = self.x - player.x; var dy = self.y - player.y; var distance = Math.sqrt(dx * dx + dy * dy); // If collision (accounting for radii) var combinedRadius = self.radius + player.width / 2; if (distance < combinedRadius) { // Normalize direction vector var nx = dx / distance; var ny = dy / distance; // Calculate impact force based on player velocity var impactForce = Math.sqrt(player.velocity.x * player.velocity.x + player.velocity.y * player.velocity.y); // Apply velocity self.velocity.x = nx * impactForce * 1.1; self.velocity.y = ny * impactForce * 1.1; self.isMoving = true; // Move the ball to prevent sticking self.x = player.x + nx * combinedRadius; self.y = player.y + ny * combinedRadius; // Play kick sound LK.getSound('kickSound').play(); } }; // Apply flick directly to ball self.flick = function (angle, power) { self.velocity.x = Math.cos(angle) * power; self.velocity.y = Math.sin(angle) * power; self.isMoving = true; // Play kick sound LK.getSound('kickSound').play(); }; // Bounce off boundaries self.bounce = function (fieldWidth, fieldHeight) { var bounced = false; // Horizontal bouncing if (Math.abs(self.x) > fieldWidth / 2 - self.radius) { self.velocity.x *= -0.8; self.x = Math.sign(self.x) * (fieldWidth / 2 - self.radius); bounced = true; } // Vertical bouncing if (Math.abs(self.y) > fieldHeight / 2 - self.radius) { self.velocity.y *= -0.8; self.y = Math.sign(self.y) * (fieldHeight / 2 - self.radius); bounced = true; } return bounced; }; // Check if moving self.isActive = function () { return self.isMoving; }; // Reset ball self.reset = function (x, y) { self.x = x || 0; self.y = y || 0; self.isMoving = false; self.velocity = { x: 0, y: 0 }; }; return self; }); var Field = Container.expand(function () { var self = Container.call(this); // Create the field elements var fieldOverlay = self.attachAsset('fieldOverlay', { anchorX: 0.5, anchorY: 0.5 }); var pitch = self.attachAsset('pitch', { anchorX: 0.5, anchorY: 0.5 }); var centerCircle = self.attachAsset('centerCircle', { anchorX: 0.5, anchorY: 0.5 }); var centerLine = self.attachAsset('centerLine', { anchorX: 0.5, anchorY: 0.5 }); // Top goal area var topGoalArea = self.attachAsset('goalArea', { anchorX: 0.5, anchorY: 0.5 }); topGoalArea.y = -pitch.height / 2 + 100; // Bottom goal area var bottomGoalArea = self.attachAsset('goalArea', { anchorX: 0.5, anchorY: 0.5 }); bottomGoalArea.y = pitch.height / 2 - 100; // Penalty spots var topPenaltySpot = self.attachAsset('penaltySpot', { anchorX: 0.5, anchorY: 0.5 }); topPenaltySpot.y = -pitch.height / 2 + 300; var bottomPenaltySpot = self.attachAsset('penaltySpot', { anchorX: 0.5, anchorY: 0.5 }); bottomPenaltySpot.y = pitch.height / 2 - 300; // Top goal var topGoalNet = self.attachAsset('goalNet', { anchorX: 0.5, anchorY: 1.0, alpha: 0.3 }); topGoalNet.y = -pitch.height / 2; var topGoal = self.attachAsset('goal', { anchorX: 0.5, anchorY: 0.5 }); topGoal.y = -pitch.height / 2; // Bottom goal var bottomGoalNet = self.attachAsset('goalNet', { anchorX: 0.5, anchorY: 0, alpha: 0.3 }); bottomGoalNet.y = pitch.height / 2; var bottomGoal = self.attachAsset('goal', { anchorX: 0.5, anchorY: 0.5 }); bottomGoal.y = pitch.height / 2; // Public methods self.isInTopGoal = function (ball) { return ball.y < -pitch.height / 2 + 20 && Math.abs(ball.x) < topGoal.width / 2; }; self.isInBottomGoal = function (ball) { return ball.y > pitch.height / 2 - 20 && Math.abs(ball.x) < bottomGoal.width / 2; }; self.isOutOfBounds = function (x, y) { return Math.abs(x) > pitch.width / 2 || Math.abs(y) > pitch.height / 2; }; return self; }); var Player = Container.expand(function (color) { var self = Container.call(this); // The color parameter determines which asset to use var assetName = color === 'red' ? 'redPlayer' : 'bluePlayer'; var playerSprite = self.attachAsset(assetName, { anchorX: 0.5, anchorY: 0.5 }); // Player state self.isDraggable = false; self.isMoving = false; self.velocity = { x: 0, y: 0 }; self.friction = 0.95; self.minVelocity = 0.1; self.team = color; // Called by the game engine every tick self.update = function () { if (self.isMoving) { // Apply movement based on velocity self.x += self.velocity.x; self.y += self.velocity.y; // Apply friction self.velocity.x *= self.friction; self.velocity.y *= self.friction; // Stop if velocity is very small if (Math.abs(self.velocity.x) < self.minVelocity && Math.abs(self.velocity.y) < self.minVelocity) { self.isMoving = false; self.velocity.x = 0; self.velocity.y = 0; } } }; // Apply force to flick the player self.flick = function (angle, power) { // Convert angle and power to velocity self.velocity.x = Math.cos(angle) * power; self.velocity.y = Math.sin(angle) * power; self.isMoving = true; // Play kick sound LK.getSound('kickSound').play(); }; // Check if moving self.isActive = function () { return self.isMoving; }; // Reset player self.reset = function () { self.isMoving = false; self.velocity = { x: 0, y: 0 }; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x005500 }); /**** * Game Code ****/ // Game state variables var currentPlayer = 'red'; // 'red' or 'blue' var redScore = 0; var blueScore = 0; var isGameActive = false; var selectedPlayer = null; var isAiming = false; var field; var ball; var aimingSystem; var redPlayers = []; var bluePlayers = []; var scoreText; var turnText; var dragPosition = { x: 0, y: 0 }; var isResetPhase = false; var fieldWidth = 1800; var fieldHeight = 2200; // Initialize game field field = new Field(); field.x = 2048 / 2; field.y = 2732 / 2; game.addChild(field); // Create the ball ball = new Ball(); ball.x = field.x; ball.y = field.y; game.addChild(ball); // Create the aiming system aimingSystem = new Aiming(); game.addChild(aimingSystem); // Setup player positions function setupPlayers() { // Remove any existing players redPlayers.forEach(function (player) { player.destroy(); }); bluePlayers.forEach(function (player) { player.destroy(); }); redPlayers = []; bluePlayers = []; // Define formation positions - relative to field center var redPositions = [{ x: 0, y: 400 }, // Striker { x: -300, y: 700 }, // Left mid { x: 300, y: 700 }, // Right mid { x: -500, y: 900 }, // Left defender { x: 0, y: 900 }, // Center defender { x: 500, y: 900 } // Right defender ]; var bluePositions = [{ x: 0, y: -400 }, // Striker { x: -300, y: -700 }, // Left mid { x: 300, y: -700 }, // Right mid { x: -500, y: -900 }, // Left defender { x: 0, y: -900 }, // Center defender { x: 500, y: -900 } // Right defender ]; // Create red players for (var i = 0; i < redPositions.length; i++) { var redPlayer = new Player('red'); redPlayer.x = field.x + redPositions[i].x; redPlayer.y = field.y + redPositions[i].y; redPlayers.push(redPlayer); game.addChild(redPlayer); } // Create blue players for (var j = 0; j < bluePositions.length; j++) { var bluePlayer = new Player('blue'); bluePlayer.x = field.x + bluePositions[j].x; bluePlayer.y = field.y + bluePositions[j].y; bluePlayers.push(bluePlayer); game.addChild(bluePlayer); } } // Setup GUI function setupGUI() { // Create score display scoreText = new Text2('Red 0 - 0 Blue', { size: 60, fill: 0xFFFFFF }); scoreText.anchor.set(0.5, 0); LK.gui.top.addChild(scoreText); // Create turn indicator turnText = new Text2('Red\'s Turn', { size: 50, fill: 0xFF0000 }); turnText.anchor.set(0.5, 0); turnText.y = 80; LK.gui.top.addChild(turnText); } // Update the score display function updateScoreDisplay() { scoreText.setText('Red ' + redScore + ' - ' + blueScore + ' Blue'); } // Update the turn display function updateTurnDisplay() { if (currentPlayer === 'red') { turnText.setText('Red\'s Turn'); turnText.setStyle({ fill: 0xFF0000 }); } else { turnText.setText('Blue\'s Turn'); turnText.setStyle({ fill: 0x0000FF }); } } // Check if all pieces have stopped moving function isEverythingStopped() { if (ball.isActive()) { return false; } for (var i = 0; i < redPlayers.length; i++) { if (redPlayers[i].isActive()) { return false; } } for (var j = 0; j < bluePlayers.length; j++) { if (bluePlayers[j].isActive()) { return false; } } return true; } // Switch to the next player's turn function switchTurn() { currentPlayer = currentPlayer === 'red' ? 'blue' : 'red'; updateTurnDisplay(); } // Check for goal function checkGoal() { // Check if ball is in a goal if (field.isInTopGoal(ball)) { // Red team scored (bottom to top) redScore++; LK.getSound('goalSound').play(); updateScoreDisplay(); resetAfterGoal(); return true; } else if (field.isInBottomGoal(ball)) { // Blue team scored (top to bottom) blueScore++; LK.getSound('goalSound').play(); updateScoreDisplay(); resetAfterGoal(); return true; } return false; } // Reset after a goal function resetAfterGoal() { isResetPhase = true; // Reset ball to center ball.reset(field.x, field.y); // Check for game end if (redScore >= 5 || blueScore >= 5) { endGame(); } else { // Otherwise reset for kickoff LK.setTimeout(function () { setupPlayers(); isResetPhase = false; }, 1000); } } // End the game function endGame() { isGameActive = false; // Update high score if needed var currentHighScore = storage.highScore || 0; if (Math.max(redScore, blueScore) > currentHighScore) { storage.highScore = Math.max(redScore, blueScore); } // Update games played storage.gamesPlayed = (storage.gamesPlayed || 0) + 1; // Show game over LK.setTimeout(function () { LK.showGameOver(); }, 1500); } // Start a new game function startGame() { redScore = 0; blueScore = 0; currentPlayer = 'red'; isGameActive = true; isResetPhase = false; updateScoreDisplay(); updateTurnDisplay(); // Reset ball to center ball.reset(field.x, field.y); // Setup players in formation setupPlayers(); // Play start whistle LK.getSound('whistleSound').play(); // Play background music LK.playMusic('backgroundMusic'); } // Handle the click/touch down event function handleDown(x, y, obj) { if (!isGameActive || isResetPhase) { return; } // Only allow interaction if everything has stopped moving if (!isEverythingStopped()) { return; } // Get the current player's team var currentTeam = currentPlayer === 'red' ? redPlayers : bluePlayers; // Check if we're clicking on a player of the current team for (var i = 0; i < currentTeam.length; i++) { var player = currentTeam[i]; var dx = x - player.x; var dy = y - player.y; var distance = Math.sqrt(dx * dx + dy * dy); if (distance < player.width / 2) { selectedPlayer = player; isAiming = true; aimingSystem.start(x, y); break; } } // If no player is selected, check if we're clicking on the ball if (!selectedPlayer && currentPlayer === 'red') { var ballDx = x - ball.x; var ballDy = y - ball.y; var ballDistance = Math.sqrt(ballDx * ballDx + ballDy * ballDy); if (ballDistance < ball.radius * 2) { isAiming = true; aimingSystem.start(x, y); } } } // Handle the click/touch move event function handleMove(x, y, obj) { if (isAiming) { aimingSystem.update(x, y); } } // Handle the click/touch up event function handleUp(x, y, obj) { if (isAiming) { var aimResult = aimingSystem.end(); if (selectedPlayer) { selectedPlayer.flick(aimResult.angle, aimResult.power); selectedPlayer = null; } else if (currentPlayer === 'red') { // Direct ball kick (only for red team to simplify) ball.flick(aimResult.angle, aimResult.power); } isAiming = false; } } // Setup event handlers game.down = handleDown; game.move = handleMove; game.up = handleUp; // Main game update loop game.update = function () { if (!isGameActive) { return; } // Update all players for (var i = 0; i < redPlayers.length; i++) { // Check for player-ball collisions if (redPlayers[i].isActive()) { ball.hit(redPlayers[i]); } } for (var j = 0; j < bluePlayers.length; j++) { // Check for player-ball collisions if (bluePlayers[j].isActive()) { ball.hit(bluePlayers[j]); } } // Handle ball bouncing off field boundaries if (ball.isActive()) { ball.bounce(fieldWidth, fieldHeight); } // Check for goal if (ball.isActive()) { checkGoal(); } // Check if everything has stopped moving to switch turns if (!isResetPhase && isEverythingStopped() && isGameActive) { // If we were moving, now we're stopped, so switch turns if (ball.isMoving || selectedPlayer) { ball.isMoving = false; selectedPlayer = null; LK.setTimeout(function () { switchTurn(); }, 500); } } }; // Initialize the game setupGUI(); startGame();

Flick Champions: Table Soccer by JZU