/**** * Classes ****/ // === Card Classes === // Base Card class for all cards (SCP, Personnel, Equipment, etc.) var Card = Container.expand(function () { var self = Container.call(this); // Card data (object with properties: name, type, cost, etc.) self.cardData = null; // Card face (front or back) self.isFaceUp = false; // Attach card front/back asset self.cardFront = self.attachAsset('cardFront', { anchorX: 0.5, anchorY: 0.5 }); self.cardBack = self.attachAsset('cardBack', { anchorX: 0.5, anchorY: 0.5 }); self.cardFront.visible = false; self.cardBack.visible = true; // Show card face self.showFace = function (cardData) { self.cardData = cardData; self.isFaceUp = true; self.cardFront.visible = true; self.cardBack.visible = false; // Optionally add card name, cost, etc. as text overlays if (!self.nameText) { self.nameText = new Text2(cardData.name, { size: 32, fill: "#fff" }); self.nameText.anchor.set(0.5, 0.1); self.nameText.y = -self.cardFront.height / 2 + 40; self.addChild(self.nameText); } else { self.nameText.setText(cardData.name); } }; // Show card back self.showBack = function () { self.isFaceUp = false; self.cardFront.visible = false; self.cardBack.visible = true; if (self.nameText) { self.nameText.visible = false; } }; // Flip card self.flip = function () { if (self.isFaceUp) { self.showBack(); } else if (self.cardData) { self.showFace(self.cardData); } }; // Drag and drop support (to be implemented in game.move) return self; }); // MissionCard class for mission row var MissionCard = Container.expand(function () { var self = Container.call(this); self.cardData = null; self.isFaceUp = false; self.cardFront = self.attachAsset('cardFront', { anchorX: 0.5, anchorY: 0.5 }); self.cardBack = self.attachAsset('cardBack', { anchorX: 0.5, anchorY: 0.5 }); self.cardFront.visible = false; self.cardBack.visible = true; self.showFace = function (cardData) { self.cardData = cardData; self.isFaceUp = true; self.cardFront.visible = true; self.cardBack.visible = false; if (!self.nameText) { self.nameText = new Text2(cardData.name, { size: 32, fill: "#fff" }); self.nameText.anchor.set(0.5, 0.1); self.nameText.y = -self.cardFront.height / 2 + 40; self.addChild(self.nameText); } else { self.nameText.setText(cardData.name); } }; self.showBack = function () { self.isFaceUp = false; self.cardFront.visible = false; self.cardBack.visible = true; if (self.nameText) { self.nameText.visible = false; } }; return self; }); // Token class for Peas (Personnel), Class-D, and other counters var Token = Container.expand(function () { var self = Container.call(this); self.type = null; // "personnel", "classd", etc. self.amount = 1; self.tokenSprite = null; self.setType = function (type) { self.type = type; if (self.tokenSprite) { self.removeChild(self.tokenSprite); } var assetId = type === "personnel" ? "redPea" : type === "classd" ? "dClass" : "bluePea"; self.tokenSprite = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5 }); }; self.setAmount = function (amount) { self.amount = amount; if (!self.amountText) { self.amountText = new Text2("" + amount, { size: 32, fill: "#fff" }); self.amountText.anchor.set(0.5, 0.5); self.addChild(self.amountText); } else { self.amountText.setText("" + amount); } }; return self; }); /**** * Initialize Game ****/ // === Initial Game Setup === // Example card data (in a real game, this would be loaded from a card database) var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // === Render Board === var boardContainer = new Container(); game.addChild(boardContainer); // Render player Personnel (red pea) and Class-D (dClass) tokens at bottom left var playerPersonnelToken = new Token(); playerPersonnelToken.setType("personnel"); playerPersonnelToken.setAmount(playerPersonnel); playerPersonnelToken.x = leftMargin; playerPersonnelToken.y = 2732 - 120; boardContainer.addChild(playerPersonnelToken); var playerClassDToken = new Token(); playerClassDToken.setType("classd"); playerClassDToken.setAmount(playerClassD); playerClassDToken.x = leftMargin + 120; playerClassDToken.y = 2732 - 120; boardContainer.addChild(playerClassDToken); // Render opponent Personnel and Class-D tokens at top left var opponentPersonnelToken = new Token(); opponentPersonnelToken.setType("personnel"); opponentPersonnelToken.setAmount(opponentPersonnel); opponentPersonnelToken.x = leftMargin; opponentPersonnelToken.y = 120; boardContainer.addChild(opponentPersonnelToken); var opponentClassDToken = new Token(); opponentClassDToken.setType("classd"); opponentClassDToken.setAmount(opponentClassD); opponentClassDToken.x = leftMargin + 120; opponentClassDToken.y = 120; boardContainer.addChild(opponentClassDToken); // Uncontained SCP piles (arrays of card objects) var playerUncontained = []; var opponentUncontained = []; // Render player uncontained SCP pile (containment breach icons) at bottom right for (var i = 0; i < playerUncontained.length; i++) { var breachIcon = LK.getAsset('containmentBreach', { anchorX: 0.5, anchorY: 0.5 }); breachIcon.x = 2048 - leftMargin - 40 - i * 60; breachIcon.y = 2732 - 120; boardContainer.addChild(breachIcon); } // Render opponent uncontained SCP pile at top right for (var i = 0; i < opponentUncontained.length; i++) { var breachIcon = LK.getAsset('containmentBreach', { anchorX: 0.5, anchorY: 0.5 }); breachIcon.x = 2048 - leftMargin - 40 - i * 60; breachIcon.y = 120; boardContainer.addChild(breachIcon); } // Render player completed mission tokens (missionToken) at bottom center for (var i = 0; i < playerMissionsCompleted; i++) { var missionToken = LK.getAsset('missionToken', { anchorX: 0.5, anchorY: 0.5 }); missionToken.x = 2048 / 2 - 120 + i * 60; missionToken.y = 2732 - 120; boardContainer.addChild(missionToken); } // Render opponent completed mission tokens at top center for (var i = 0; i < opponentMissionsCompleted; i++) { var missionToken = LK.getAsset('missionToken', { anchorX: 0.5, anchorY: 0.5 }); missionToken.x = 2048 / 2 - 120 + i * 60; missionToken.y = 120; boardContainer.addChild(missionToken); } // TODO: Render hands, tokens, and UI overlays; var playerDeck = []; var opponentDeck = []; // Mission deck (shared) var missionDeck = []; // Player hands (arrays of card objects) var playerHand = []; var opponentHand = []; // Render player hand (bottom of screen) var handY = 2732 - cardH / 2 - 60; for (var i = 0; i < playerHand.length; i++) { var handCard = new Card(); var handX = leftMargin + i * (cardW + slotGap); handCard.x = handX + cardW / 2; handCard.y = handY; handCard.showFace(playerHand[i]); boardContainer.addChild(handCard); } // Render opponent hand (top of screen, face down) var oppHandY = cardH / 2 + 60; for (var i = 0; i < opponentHand.length; i++) { var oppHandCard = new Card(); var oppHandX = leftMargin + i * (cardW + slotGap); oppHandCard.x = oppHandX + cardW / 2; oppHandCard.y = oppHandY; oppHandCard.showBack(); boardContainer.addChild(oppHandCard); } // TODO: Render tokens, and UI overlays; // Mission row (array of up to 5 mission card objects or null) var missionRow = [null, null, null, null, null]; // Board rows: Each player has base and field rows (arrays of card objects or null for empty slots) var playerBaseRow = [null, null, null, null, null]; var playerFieldRow = [null, null, null, null, null]; var opponentBaseRow = [null, null, null, null, null]; var opponentFieldRow = [null, null, null, null, null]; // Uncontained SCP piles (arrays of card objects) var playerUncontained = []; var opponentUncontained = []; // Missions completed var playerMissionsCompleted = 0; var opponentMissionsCompleted = 0; // Resources var playerPersonnel = 30; var opponentPersonnel = 30; var playerClassD = 0; var opponentClassD = 0; // Turn state var currentPlayer = "player"; // or "opponent" var turnNumber = 1; var phase = "draw"; // draw, main, combat, upkeep, etc. // Selected card for actions (drag/move) var selectedCard = null; var selectedCardOrigin = null; // {row: "playerBaseRow", index: 2}, etc. // Game over flag var gameEnded = false; // === Initial Game Setup === // Example card data (in a real game, this would be loaded from a card database) var exampleSCP = { name: "SCP-173", type: "scp", cost: 5, dCost: 0, strength: 4, powers: ["Fighting"], classification: "Euclid" }; var examplePersonnel = { name: "Dr. Bright", type: "personnel", cost: 3, strength: 1, powers: [] }; var exampleMission = { name: "Secure Site-19", type: "mission", duration: 3, peasRequired: 8, effect: "Gain 3 Personnel" }; // Populate decks with example cards (for demo) for (var i = 0; i < 20; i++) { playerDeck.push(exampleSCP); playerDeck.push(examplePersonnel); opponentDeck.push(exampleSCP); opponentDeck.push(examplePersonnel); } for (var i = 0; i < 10; i++) { missionDeck.push(exampleMission); } // Shuffle decks (simple shuffle) function shuffle(deck) { for (var i = deck.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = deck[i]; deck[i] = deck[j]; deck[j] = temp; } } shuffle(playerDeck); shuffle(opponentDeck); shuffle(missionDeck); // Draw initial hands (7 cards each) for (var i = 0; i < 7; i++) { playerHand.push(playerDeck.pop()); opponentHand.push(opponentDeck.pop()); } // Fill mission row (5 missions, face down) for (var i = 0; i < 5; i++) { if (missionDeck.length > 0) { missionRow[i] = missionDeck.pop(); } } // === Render Board === var boardContainer = new Container(); game.addChild(boardContainer); // Layout constants var cardW = 200, cardH = 300, slotGap = 40; var boardTop = 300; var leftMargin = (2048 - (5 * cardW + 4 * slotGap)) / 2; // Render player base row for (var i = 0; i < 5; i++) { var slotX = leftMargin + i * (cardW + slotGap); var slotY = boardTop + 2 * (cardH + 40); var slot = LK.getAsset('cardSlot', { anchorX: 0.5, anchorY: 0.5 }); slot.x = slotX + cardW / 2; slot.y = slotY + cardH / 2; boardContainer.addChild(slot); // If card present, render card if (playerBaseRow[i]) { var card = new Card(); card.x = slot.x; card.y = slot.y; card.showFace(playerBaseRow[i]); boardContainer.addChild(card); } } // Render player field row for (var i = 0; i < 5; i++) { var slotX = leftMargin + i * (cardW + slotGap); var slotY = boardTop + cardH + 40; var slot = LK.getAsset('cardSlot', { anchorX: 0.5, anchorY: 0.5 }); slot.x = slotX + cardW / 2; slot.y = slotY + cardH / 2; boardContainer.addChild(slot); if (playerFieldRow[i]) { var card = new Card(); card.x = slot.x; card.y = slot.y; card.showFace(playerFieldRow[i]); boardContainer.addChild(card); } } // Render mission row for (var i = 0; i < 5; i++) { var slotX = leftMargin + i * (cardW + slotGap); var slotY = boardTop; var slot = LK.getAsset('cardSlot', { anchorX: 0.5, anchorY: 0.5 }); slot.x = slotX + cardW / 2; slot.y = slotY + cardH / 2; boardContainer.addChild(slot); if (missionRow[i]) { var missionCard = new MissionCard(); missionCard.x = slot.x; missionCard.y = slot.y; missionCard.showBack(); // Missions start face down boardContainer.addChild(missionCard); } } // Render opponent field row for (var i = 0; i < 5; i++) { var slotX = leftMargin + i * (cardW + slotGap); var slotY = boardTop - cardH - 40; var slot = LK.getAsset('cardSlot', { anchorX: 0.5, anchorY: 0.5 }); slot.x = slotX + cardW / 2; slot.y = slotY + cardH / 2; boardContainer.addChild(slot); if (opponentFieldRow[i]) { var card = new Card(); card.x = slot.x; card.y = slot.y; card.showFace(opponentFieldRow[i]); boardContainer.addChild(card); } } // Render opponent base row for (var i = 0; i < 5; i++) { var slotX = leftMargin + i * (cardW + slotGap); var slotY = boardTop - 2 * (cardH + 40); var slot = LK.getAsset('cardSlot', { anchorX: 0.5, anchorY: 0.5 }); slot.x = slotX + cardW / 2; slot.y = slotY + cardH / 2; boardContainer.addChild(slot); if (opponentBaseRow[i]) { var card = new Card(); card.x = slot.x; card.y = slot.y; card.showFace(opponentBaseRow[i]); boardContainer.addChild(card); } } // TODO: Render hands, tokens, and UI overlays