/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ // Ball class for all balls (cue, solids, stripes, 8) var Ball = Container.expand(function () { var self = Container.call(this); // Ball properties self.radius = 30; // 60px diameter self.vx = 0; self.vy = 0; self.inPlay = true; // false if pocketed self.ballType = 'cue'; // 'cue', 'solid', 'stripe', 'eight' self.number = 0; // 0 for cue, 8 for eight, 1-7 solid, 9-15 stripe // Attach correct asset var assetId = 'cueBall'; if (self.ballType === 'eight') assetId = 'eightBall';else if (self.ballType === 'solid') assetId = 'solidBall';else if (self.ballType === 'stripe') assetId = 'stripeBall'; var ballSprite = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5 }); // Add number overlay (except cue ball) if (self.ballType !== 'cue') { var numText = new Text2('' + self.number, { size: 32, fill: 0x000000 }); numText.anchor.set(0.5, 0.5); numText.x = 0; numText.y = 0; self.addChild(numText); self.numText = numText; } // Update asset if type/number changes self.setType = function (type, number) { self.ballType = type; self.number = number; // Remove old children while (self.children.length) self.removeChild(self.children[0]); // Attach new asset var assetId = 'cueBall'; if (type === 'eight') assetId = 'eightBall';else if (type === 'solid') assetId = 'solidBall';else if (type === 'stripe') assetId = 'stripeBall'; ballSprite = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5 }); if (type !== 'cue') { var numText = new Text2('' + number, { size: 32, fill: 0x000000 }); numText.anchor.set(0.5, 0.5); numText.x = 0; numText.y = 0; self.addChild(numText); self.numText = numText; } }; // Ball physics update self.update = function () { if (!self.inPlay) return; // Move self.x += self.vx; self.y += self.vy; // Friction (easier: balls roll further) self.vx *= 0.992; self.vy *= 0.992; // Stop if very slow (easier: balls keep moving at lower speeds) if (Math.abs(self.vx) < 0.025) self.vx = 0; if (Math.abs(self.vy) < 0.025) self.vy = 0; }; // Pocketed self.pocket = function () { self.inPlay = false; self.visible = false; self.vx = 0; self.vy = 0; }; return self; }); // Cue stick class var CueStick = Container.expand(function () { var self = Container.call(this); var cueSprite = self.attachAsset('cueStick', { anchorX: 0.05, anchorY: 0.5 }); self.visible = false; self.length = cueSprite.width; self.angle = 0; self.power = 0; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x003300 }); /**** * Game Code ****/ // rules button asset // Ball numbers (text overlays) // Cue stick // Balls // Pockets // Table // Table and layout constants var tableW = 1800, tableH = 900, border = 50; var tableX = (2048 - tableW) / 2, tableY = (2732 - tableH) / 2; var pocketR = 52; // easier: larger pockets // Table border var tableBorder = LK.getAsset('tableBorder', { anchorX: 0, anchorY: 0, x: tableX - border, y: tableY - border }); game.addChild(tableBorder); // Table felt var table = LK.getAsset('table', { anchorX: 0, anchorY: 0, x: tableX, y: tableY }); game.addChild(table); // Pockets (6) var pockets = []; var pocketPos = [[tableX, tableY], // TL [tableX + tableW / 2, tableY], // TM [tableX + tableW, tableY], // TR [tableX, tableY + tableH], // BL [tableX + tableW / 2, tableY + tableH], // BM [tableX + tableW, tableY + tableH] // BR ]; for (var i = 0; i < 6; i++) { var p = LK.getAsset('pocket', { anchorX: 0.5, anchorY: 0.5, x: pocketPos[i][0], y: pocketPos[i][1] }); game.addChild(p); pockets.push(p); } // Balls var balls = []; // Helper: create and place a ball function createBall(type, number, x, y) { var b = new Ball(); b.setType(type, number); b.x = x; b.y = y; balls.push(b); game.addChild(b); return b; } // Place cue ball var cueBall = createBall('cue', 0, tableX + tableW * 0.25, tableY + tableH / 2); // Place rack (triangle) - 8 at center, 1 at apex, randomize solids/stripes var rackX = tableX + tableW * 0.75, rackY = tableY + tableH / 2; var rackRows = [[0], [-1, 1], [-2, 0, 2], [-3, -1, 1, 3], [-4, -2, 0, 2, 4]]; var rackBalls = [{ type: 'solid', number: 1 }, { type: 'stripe', number: 9 }, { type: 'solid', number: 2 }, { type: 'stripe', number: 10 }, { type: 'solid', number: 3 }, { type: 'stripe', number: 11 }, { type: 'solid', number: 4 }, { type: 'stripe', number: 12 }, { type: 'solid', number: 5 }, { type: 'stripe', number: 13 }, { type: 'solid', number: 6 }, { type: 'stripe', number: 14 }, { type: 'solid', number: 7 }, { type: 'eight', number: 8 }, { type: 'stripe', number: 15 }]; // Shuffle rackBalls except 8-ball (must be center) function shuffleRack(arr) { for (var i = arr.length - 1; i > 0; i--) { if (arr[i].type === 'eight') continue; var j = Math.floor(Math.random() * (i + 1)); if (arr[j].type === 'eight') continue; var tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp; } } shuffleRack(rackBalls); // Place balls in triangle var rackIdx = 0; for (var row = 0; row < rackRows.length; row++) { for (var col = 0; col < rackRows[row].length; col++) { var dx = row * 60 * Math.cos(Math.PI / 6); var dy = rackRows[row][col] * 62; var bx = rackX + dx; var by = rackY + dy; // 8-ball must be center of 3rd row var ballData; if (row === 2 && col === 1) { for (var k = 0; k < rackBalls.length; k++) { if (rackBalls[k].type === 'eight') { ballData = rackBalls[k]; break; } } } else { // Find next non-8-ball for (var k = 0; k < rackBalls.length; k++) { if (rackBalls[k].type !== 'eight' && !rackBalls[k].used) { ballData = rackBalls[k]; rackBalls[k].used = true; break; } } } createBall(ballData.type, ballData.number, bx, by); rackIdx++; } } // Cue stick var cueStick = new CueStick(); game.addChild(cueStick); // Game state var isAiming = false; var aimStart = { x: 0, y: 0 }; var aimEnd = { x: 0, y: 0 }; var shotInProgress = false; var currentPlayer = 1; // 1 or 2 (future: multiplayer) var playerGroup = { 1: null, 2: null }; // 'solid' or 'stripe' var turnFoul = false; var firstContact = null; var ballsPocketedThisTurn = []; var gameOver = false; // GUI: Turn/Status var statusTxt = new Text2('Player 1: Aim & Shoot', { size: 80, fill: 0xFFFFFF }); statusTxt.anchor.set(0.5, 0); LK.gui.top.addChild(statusTxt); // GUI: Player group info at bottom var groupTxt = new Text2('', { size: 48, fill: 0xFFFFFF }); groupTxt.anchor.set(0.5, 1); LK.gui.bottom.addChild(groupTxt); // --- Rules Button and Popup --- // Create a square button at the top right var rulesBtn = new Text2('?', { size: 80, fill: "#fff", align: "center" }); rulesBtn.anchor.set(1, 0); // top right rulesBtn.x = 0; // will be positioned by gui rulesBtn.y = 0; rulesBtn.bg = 0x333333; rulesBtn.width = 120; rulesBtn.height = 120; rulesBtn.interactive = true; rulesBtn.buttonMode = true; LK.gui.topRight.addChild(rulesBtn); // --- To Assets Button --- // Add a 'to assets' button to the top right of the screen var toAssetsBtn = LK.getAsset('toAssetsBtn', { anchorX: 1, anchorY: 0, x: 130, // offset to the left of rulesBtn y: 0 }); toAssetsBtn.interactive = true; toAssetsBtn.buttonMode = true; LK.gui.topRight.addChild(toAssetsBtn); // Rules popup container (hidden by default) var rulesPopup = new Container(); rulesPopup.visible = false; rulesPopup.zIndex = 1000; // ensure on top // Semi-transparent background var popupBg = LK.getAsset('table', { anchorX: 0, anchorY: 0, x: 0, y: 0, width: 2048, height: 2732, tint: 0x000000, alpha: 0.7 }); rulesPopup.addChild(popupBg); // Rules text (Turkish and English, toggleable) var rulesTextTurkish = "8 Top Bilardo Kuralları:\n\n" + "1. Oyuncular sırayla ıstaka topunu kullanarak kendi grubundaki (düz veya çizgili) topları cebe sokmaya çalışır.\n" + "2. Tüm toplarını sokan oyuncu, siyah 8 topunu doğru cebe sokarsa oyunu kazanır.\n" + "3. Rakibin topunu veya 8 topunu erken sokmak fauldür.\n" + "4. Faul durumunda rakip serbest atış hakkı kazanır.\n" + "5. Oyun sırası, faul veya top sokulamayan turda değişir.\n\n" + "İyi oyunlar!"; var rulesTextEnglish = "8-Ball Billiards Rules:\n\n" + "1. Players take turns using the cue ball to pocket their group of balls (solids or stripes).\n" + "2. The player who pockets all their balls and then legally pockets the black 8-ball wins the game.\n" + "3. Pocketing the opponent's ball or the 8-ball early is a foul.\n" + "4. After a foul, the opponent gets ball-in-hand.\n" + "5. Turn changes after a foul or if no ball is pocketed.\n\n" + "Good luck!"; var currentRulesLang = "tr"; // "tr" for Turkish, "en" for English var rulesText = new Text2(rulesTextTurkish, { size: 60, fill: "#fff", align: "center", wordWrap: true, wordWrapWidth: 1600 }); rulesText.anchor.set(0.5, 0); rulesText.x = 2048 / 2; rulesText.y = 400; rulesPopup.addChild(rulesText); // English button var englishBtn = new Text2('English', { size: 48, fill: "#fff", align: "center" }); englishBtn.anchor.set(1, 0); englishBtn.x = 2048 / 2 + 800; englishBtn.y = 400 - 80; englishBtn.bg = 0x333333; englishBtn.width = 220; englishBtn.height = 90; englishBtn.interactive = true; englishBtn.buttonMode = true; rulesPopup.addChild(englishBtn); // Close button var closeBtn = new Text2('Kapat', { size: 64, fill: "#fff", align: "center" }); closeBtn.anchor.set(0.5, 0.5); closeBtn.x = 2048 / 2; closeBtn.y = 400 + rulesText.height + 100; closeBtn.bg = 0x333333; closeBtn.width = 400; closeBtn.height = 120; closeBtn.interactive = true; closeBtn.buttonMode = true; rulesPopup.addChild(closeBtn); // Add popup to game (so it overlays everything) game.addChild(rulesPopup); // Button event: show popup // Track if rules popup is open and game is paused var rulesPopupOpen = false; rulesBtn.down = function (x, y, obj) { rulesPopup.visible = true; rulesPopupOpen = true; // Always show Turkish by default currentRulesLang = "tr"; rulesText.setText(rulesTextTurkish); closeBtn.setText("Kapat"); englishBtn.setText("English"); }; // English button event: toggle language englishBtn.down = function (x, y, obj) { if (currentRulesLang === "tr") { currentRulesLang = "en"; rulesText.setText(rulesTextEnglish); closeBtn.setText("Close"); englishBtn.setText("Türkçe"); } else { currentRulesLang = "tr"; rulesText.setText(rulesTextTurkish); closeBtn.setText("Kapat"); englishBtn.setText("English"); } // Adjust closeBtn position in case rulesText height changes closeBtn.y = 400 + rulesText.height + 100; }; // Close event: hide popup closeBtn.down = function (x, y, obj) { rulesPopup.visible = false; rulesPopupOpen = false; // LK.resumeGame(); // Removed, LK handles resume for overlays }; // Helper: update group info text function updateGroupTxt() { // Helper to find the lowest-numbered in-play ball of a group function nextBallColor(group) { if (!group) return 'Unassigned'; var minNum = 100; for (var i = 0; i < balls.length; i++) { if (!balls[i].inPlay) continue; if (balls[i].ballType === group && balls[i].number < minNum) { minNum = balls[i].number; } } if (minNum === 100) { // No balls left, so next is 8-ball return 'Black 8'; } return (group === 'solid' ? 'Red ' : 'Blue ') + minNum; } var p1 = playerGroup[1] ? nextBallColor(playerGroup[1]) : 'Unassigned'; var p2 = playerGroup[2] ? nextBallColor(playerGroup[2]) : 'Unassigned'; groupTxt.setText('Player 1: ' + p1 + ' | Player 2: ' + p2); } updateGroupTxt(); // Helper: check if all balls stopped function allBallsStopped() { for (var i = 0; i < balls.length; i++) { if (!balls[i].inPlay) continue; if (Math.abs(balls[i].vx) > 0.05 || Math.abs(balls[i].vy) > 0.05) return false; } return true; } // Helper: distance between two points function dist(ax, ay, bx, by) { var dx = ax - bx, dy = ay - by; return Math.sqrt(dx * dx + dy * dy); } // Helper: ball-ball collision function resolveBallCollision(b1, b2) { var dx = b2.x - b1.x, dy = b2.y - b1.y; var d = Math.sqrt(dx * dx + dy * dy); if (d === 0 || d > b1.radius * 2) return false; // Overlap var overlap = b1.radius * 2 - d; var nx = dx / d, ny = dy / d; // Separate balls b1.x -= nx * overlap / 2; b1.y -= ny * overlap / 2; b2.x += nx * overlap / 2; b2.y += ny * overlap / 2; // Relative velocity var dvx = b2.vx - b1.vx, dvy = b2.vy - b1.vy; var dot = dvx * nx + dvy * ny; if (dot > 0) return false; // Elastic collision var impulse = dot; b1.vx += nx * impulse; b1.vy += ny * impulse; b2.vx -= nx * impulse; b2.vy -= ny * impulse; // Play collision sound LK.getSound('ballHit').play(); return true; } // Helper: ball-table collision function resolveTableCollision(ball) { if (!ball.inPlay) return; var minX = tableX + ball.radius, maxX = tableX + tableW - ball.radius; var minY = tableY + ball.radius, maxY = tableY + tableH - ball.radius; if (ball.x < minX) { ball.x = minX; ball.vx = -ball.vx * 0.9; } if (ball.x > maxX) { ball.x = maxX; ball.vx = -ball.vx * 0.9; } if (ball.y < minY) { ball.y = minY; ball.vy = -ball.vy * 0.9; } if (ball.y > maxY) { ball.y = maxY; ball.vy = -ball.vy * 0.9; } } // Helper: ball-pocket collision function checkPocket(ball) { if (!ball.inPlay) return false; for (var i = 0; i < pockets.length; i++) { var px = pockets[i].x, py = pockets[i].y; if (dist(ball.x, ball.y, px, py) < pocketR) { ball.pocket(); return true; } } return false; } // Helper: assign group after first legal pocket function assignGroup(player, type) { if (playerGroup[1] === null && playerGroup[2] === null && (type === 'solid' || type === 'stripe')) { playerGroup[player] = type; playerGroup[player === 1 ? 2 : 1] = type === 'solid' ? 'stripe' : 'solid'; } } // Helper: check win/lose function checkGameEnd() { // If 8-ball pocketed var eight = null; for (var i = 0; i < balls.length; i++) { if (balls[i].ballType === 'eight') eight = balls[i]; } if (!eight.inPlay) { // Did player clear all their group? var groupType = playerGroup[currentPlayer]; var groupCleared = true; for (var i = 0; i < balls.length; i++) { if (balls[i].ballType === groupType && balls[i].inPlay) groupCleared = false; } if (groupCleared && !turnFoul) { statusTxt.setText('Player ' + currentPlayer + ' wins!'); LK.showYouWin(); } else { statusTxt.setText('Player ' + currentPlayer + ' loses!'); LK.showGameOver(); } gameOver = true; } } // Helper: reset cue ball after scratch function resetCueBall() { cueBall.x = tableX + tableW * 0.25; cueBall.y = tableY + tableH / 2; cueBall.vx = 0; cueBall.vy = 0; cueBall.inPlay = true; cueBall.visible = true; } // Touch controls game.down = function (x, y, obj) { if (rulesPopupOpen) return; if (gameOver) return; if (!allBallsStopped()) return; // Only allow aiming if touch is on table and cue ball is in play if (!cueBall.inPlay) return; if (x < tableX || x > tableX + tableW || y < tableY || y > tableY + tableH) return; // Only allow aiming if touch is not on a ball (except cue ball) for (var i = 0; i < balls.length; i++) { if (balls[i] !== cueBall && balls[i].inPlay && dist(x, y, balls[i].x, balls[i].y) < balls[i].radius) return; } isAiming = true; aimStart.x = x; aimStart.y = y; aimEnd.x = x; aimEnd.y = y; cueStick.visible = true; }; game.move = function (x, y, obj) { if (rulesPopupOpen) return; if (!isAiming) return; aimEnd.x = x; aimEnd.y = y; // Update cue stick position/angle var dx = cueBall.x - aimEnd.x; var dy = cueBall.y - aimEnd.y; var angle = Math.atan2(dy, dx); cueStick.x = cueBall.x; cueStick.y = cueBall.y; cueStick.rotation = angle; // Power: distance from cue ball to drag point, max 300 var power = Math.min(dist(cueBall.x, cueBall.y, aimEnd.x, aimEnd.y), 300); cueStick.scale.x = 1 + power / 600; cueStick.power = power; }; game.up = function (x, y, obj) { if (rulesPopupOpen) return; if (!isAiming) return; isAiming = false; cueStick.visible = false; if (gameOver) return; if (!allBallsStopped()) return; // Calculate shot var dx = cueBall.x - aimEnd.x; var dy = cueBall.y - aimEnd.y; var power = Math.min(dist(cueBall.x, cueBall.y, aimEnd.x, aimEnd.y), 300); if (power < 10) return; // too weak var angle = Math.atan2(dy, dx); // Apply velocity to cue ball (easier: more power) cueBall.vx = Math.cos(angle) * (power / 8.5); cueBall.vy = Math.sin(angle) * (power / 8.5); shotInProgress = true; firstContact = null; ballsPocketedThisTurn = []; turnFoul = false; }; // Main update loop game.update = function () { if (gameOver) return; // Physics: update balls for (var i = 0; i < balls.length; i++) { balls[i].update(); } // Ball-ball collisions for (var i = 0; i < balls.length; i++) { for (var j = i + 1; j < balls.length; j++) { if (!balls[i].inPlay || !balls[j].inPlay) continue; var collided = resolveBallCollision(balls[i], balls[j]); // First contact detection (cue ball) if (shotInProgress && !firstContact) { if (balls[i] === cueBall && balls[j].inPlay && balls[j].ballType !== 'cue' || balls[j] === cueBall && balls[i].inPlay && balls[i].ballType !== 'cue') { firstContact = balls[i] === cueBall ? balls[j] : balls[i]; } } } } // Ball-table collisions for (var i = 0; i < balls.length; i++) { resolveTableCollision(balls[i]); } // Ball-pocket collisions for (var i = 0; i < balls.length; i++) { if (!balls[i].inPlay) continue; if (checkPocket(balls[i])) { ballsPocketedThisTurn.push(balls[i]); // If cue ball pocketed if (balls[i] === cueBall) { turnFoul = true; } } } // If shot in progress, check if all balls stopped if (shotInProgress && allBallsStopped()) { shotInProgress = false; // Rules: assign group if not yet assigned for (var i = 0; i < ballsPocketedThisTurn.length; i++) { var b = ballsPocketedThisTurn[i]; if (playerGroup[currentPlayer] === null && (b.ballType === 'solid' || b.ballType === 'stripe')) { assignGroup(currentPlayer, b.ballType); updateGroupTxt(); } } // Foul: cue ball pocketed or no group ball hit first if (turnFoul || playerGroup[currentPlayer] && (!firstContact || firstContact.ballType !== playerGroup[currentPlayer])) { turnFoul = true; } // End turn if foul or no group ball pocketed var groupBallPocketed = false; for (var i = 0; i < ballsPocketedThisTurn.length; i++) { if (playerGroup[currentPlayer] && ballsPocketedThisTurn[i].ballType === playerGroup[currentPlayer]) { groupBallPocketed = true; } } // 8-ball pocketed: check win/lose checkGameEnd(); if (gameOver) return; // Foul: give ball in hand (reset cue ball) if (turnFoul) { resetCueBall(); statusTxt.setText('Foul! Player ' + (currentPlayer === 1 ? 2 : 1) + "'s turn"); currentPlayer = currentPlayer === 1 ? 2 : 1; updateGroupTxt(); } else if (!groupBallPocketed && playerGroup[currentPlayer]) { // No group ball pocketed: switch turn currentPlayer = currentPlayer === 1 ? 2 : 1; statusTxt.setText('Player ' + currentPlayer + "'s turn"); updateGroupTxt(); } else { // Continue turn statusTxt.setText('Player ' + currentPlayer + ': Aim & Shoot'); } ballsPocketedThisTurn = []; firstContact = null; turnFoul = false; } // Update cue stick position if aiming if (isAiming) { var dx = cueBall.x - aimEnd.x; var dy = cueBall.y - aimEnd.y; var angle = Math.atan2(dy, dx); cueStick.x = cueBall.x; cueStick.y = cueBall.y; cueStick.rotation = angle; var power = Math.min(dist(cueBall.x, cueBall.y, aimEnd.x, aimEnd.y), 300); cueStick.scale.x = 1 + power / 600; cueStick.power = power; // Draw aiming line (gray, slightly transparent) if (!game.aimLine) { game.aimLine = new Container(); game.addChild(game.aimLine); } var aimLine = game.aimLine; while (aimLine.children.length) aimLine.removeChild(aimLine.children[0]); var lineLen = Math.min(dist(cueBall.x, cueBall.y, aimEnd.x, aimEnd.y), 400); var steps = Math.floor(lineLen / 16); for (var i = 1; i <= steps; i++) { var px = cueBall.x - dx / lineLen * (i * 16); var py = cueBall.y - dy / lineLen * (i * 16); var dot = LK.getAsset('cueBall', { anchorX: 0.5, anchorY: 0.5, x: px, y: py, scaleX: 0.18, scaleY: 0.18, tint: 0x888888, // gray alpha: 0.38 // slightly transparent }); aimLine.addChild(dot); } } else { if (game.aimLine) { while (game.aimLine.children.length) game.aimLine.removeChild(game.aimLine.children[0]); } } };