/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ // Import tween plugin for animations // var BackgroundContainer = Container.expand(function () { var self = Container.call(this); }); var BonusDisplay = Container.expand(function () { var self = Container.call(this); var bonusGraphics = self.attachAsset('Bonus', { anchorX: 0.5, anchorY: 0.5, alpha: 0 }); self.showBonus = function () { bonusGraphics.visible = true; bonusGraphics.scale.set(0.1, 0.1); // Start with a smaller scale tween(bonusGraphics, { scaleX: 1, scaleY: 1, alpha: 1 // Fade in to full visibility }, { duration: 200, easing: tween.easeOut, onFinish: function onFinish() { // Keep the bonus visible for a duration before hiding LK.setTimeout(function () { tween(bonusGraphics, { alpha: 0 // Fade out to invisibility }, { duration: 200, easing: tween.easeIn, onFinish: function onFinish() { bonusGraphics.visible = false; // Hide after fade-out } }); }, 1000); // Display duration before fade-out } }); }; }); // ForegroundContainer class to manage foreground elements var ForegroundContainer = Container.expand(function () { var self = Container.call(this); }); // IconContainer class to represent the container for all icons var IconContainer = Container.expand(function () { var self = Container.call(this); // Create and attach assets for all icons self.icons = []; for (var i = 1; i <= 5; i++) { var icon = self.attachAsset('Icon_' + i, { anchorX: 0.5, anchorY: 0.5 }); icon.visible = false; // Hide all icons initially self.icons.push(icon); } // Add the showIcon method to the IconContainer class self.showIcon = function (iconNumber) { // Validate iconNumber if (iconNumber < 1 || iconNumber > 5) { console.error("Invalid iconNumber:", iconNumber, ". Defaulting to Icon_1."); iconNumber = 1; // Default to Icon_1 if invalid } // Hide the current icon if (self.currentIcon) { self.currentIcon.visible = false; } // Show the specified icon self.currentIcon = self.icons[iconNumber - 1]; if (self.currentIcon) { self.currentIcon.visible = true; } }; }); // MidgroundContainer class to manage midground elements var MidgroundContainer = Container.expand(function () { var self = Container.call(this); }); // // // SlotReel class to represent each reel in the slot machine var SlotReel = Container.expand(function () { var self = Container.call(this); // Create and attach asset for the reel var reelGraphics = self.attachAsset('reel', { anchorX: 0.5, anchorY: 0.5, alpha: 0 // Set alpha to 0% to make the reel invisible }); // Set initial position and speed self.y = -500; self.speed = 5; // Initialize speed property with a default value self.finalIconSelected = false; // Initialize finalIconSelected property self.lastFrameTime = Date.now(); // Add lastFrameTime property self.finalIconNumber = null; // Initialize finalIconNumber property to store the numerical identifier of the current icon // Create and position the icon container self.iconContainer = new IconContainer(); // Ensure consistent instantiation using IconContainer class self.iconContainer.y -= 30; // Move icons 50 pixels higher self.addChild(self.iconContainer); // Method to spin the reel self.update = function () { if (self.speed > 0) { // If the reel is spinning, change the icon every 60ms if (Date.now() - self.lastFrameTime >= 60) { var iconNumber = Math.floor(Math.random() * 5) + 1; // Randomly select an icon for animation self.iconContainer.showIcon(iconNumber); self.lastFrameTime = Date.now(); // Update lastFrameTime } } else { // If the reel is not spinning, select the final icon based on weights if (!self.finalIconSelected) { var finalIconNumber = selectFinalIcon(this.reelIndex + 1, reelStateManager.selectedFinalIcons[0]); // Use controlled selection for final icon self.iconContainer.showIcon(finalIconNumber); if (self.finalIconNumber === null) { // Ensure finalIconNumber is assigned only once self.finalIconNumber = finalIconNumber; // Store the numerical identifier of the current icon console.log("Reel " + (this.reelIndex + 1) + " finalIconNumber:", finalIconNumber); // Log finalIconNumber for verification reelStateManager.updateFinalIcon(this.reelIndex, finalIconNumber); // Communicate final icon to ReelStateManager } else { console.warn("Attempt to reassign finalIconNumber for Reel " + (this.reelIndex + 1) + " ignored."); // Warn if reassignment is attempted } self.finalIconSelected = true; // Capture the final icon of Reel 1 // Notify SpinManager that Reel 1 has completed if (this.reelIndex === 0 && !spinManager.reelOneCompleted) { spinManager.reelOneCompleted = true; console.log("Reel 1 has stopped. First reel icon set to:", reelStateManager.selectedFinalIcons[0]); // Log for debugging } } } }; }); // SpinButton class to represent the button for spinning the reels var SpinButton = Container.expand(function () { var self = Container.call(this); // Create and attach a simple box shape for the button var buttonGraphics = self.attachAsset('Slot_Interface', { anchorX: 0.5, anchorY: 0.5 }); // Removed forced width, height, and color to use asset's default size and appearance // Position the button in the middle of the screen self.x = 2048 / 2; self.y = 2732 / 2 + 1100; // Move the button lower on the screen // Add event listener for button press self.down = function (x, y, obj) { if (!spinManager.spinning) { spinManager.startSpin(); tween(backgroundImage, { x: backgroundImage.x + 10 }, { // Shake right duration: 50, easing: tween.easeInOut, onFinish: function onFinish() { tween(backgroundImage, { x: backgroundImage.x - 20 }, { // Shake left duration: 100, easing: tween.easeInOut, onFinish: function onFinish() { tween(backgroundImage, { x: backgroundImage.x + 10 }, { // Reset position duration: 50, easing: tween.easeInOut }); } }); } }); LK.getSound('Spin').play(); // Animate the spin button down by 50 pixels and back up tween(self, { y: self.y + 50 }, { duration: 200, easing: tween.easeInOut, onFinish: function onFinish() { tween(self, { y: self.y - 50 }, { duration: 200, easing: tween.easeInOut }); } }); } }; }); /**** * Initialize Game ****/ // SpinManager class to handle spinning logic var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Variables to track spins and manage sound playback var spinCounter = 0; var nextSoundTrigger = Math.floor(Math.random() * 6) + 5; // Random number between 5 and 10 var lastPlayedSoundIndex = -1; // To track the last played sound index var pirateSounds = ['Pirate_1', 'Pirate_2', 'Pirate_3', 'Pirate_4', 'Pirate_5']; // Add background image asset // Initialize a new image asset named 'Bonus' var ReelStateManager = function ReelStateManager(reels, bonusDisplay, winManager) { this.reels = reels; this.bonusDisplay = bonusDisplay; this.winManager = winManager; this.selectedFinalIcons = []; // Initialize selectedFinalIcons as an empty array this.updateFinalIcon = function (reelIndex, iconNumber) { this.selectedFinalIcons[reelIndex] = iconNumber; // Update the selectedFinalIcons array console.log("Updated final icon for reel", reelIndex + 1, "to:", iconNumber); // Log for verification console.log("Current state of selectedFinalIcons:", this.selectedFinalIcons); // Log current state of selectedFinalIcons }; this.evaluationTriggered = false; // Initialize evaluationTriggered flag }; ReelStateManager.prototype.checkReelStates = function () { if (this.evaluationTriggered) { // Guard against duplicate evaluations console.warn("Evaluation already triggered for this spin. Skipping."); return 0; } var selectedFinalIcons = this.reels.map(function (reel) { return typeof reel.finalIconNumber === 'number' ? reel.finalIconNumber : 1; }); console.log("Selected final icons before evaluation:", selectedFinalIcons); // Log for verification if (selectedFinalIcons.length !== this.reels.length || selectedFinalIcons.includes(undefined) || selectedFinalIcons.some(function (icon) { return icon < 1 || icon > 5; })) { console.warn("Invalid or undefined icon numbers detected in selectedFinalIcons. Evaluation skipped."); return 0; // Return 0 winnings if not all reels have valid final icons } var winnings = this.winManager.calculateWinnings(selectedFinalIcons); console.log("Winnings from this spin:", winnings); coinAmountText.setText(playerCoins.toString()); // Update the coin display if (selectedFinalIcons.length === 3 && selectedFinalIcons[0] === selectedFinalIcons[1] && selectedFinalIcons[1] === selectedFinalIcons[2]) { if (!this.bonusDisplayed) { this.bonusDisplay.showBonus(); this.bonusDisplayed = true; } else { this.bonusDisplayed = false; // Reset the flag for the next spin } } else { this.bonusDisplayed = false; } this.evaluationTriggered = true; // Set evaluationTriggered to true after evaluation return winnings; }; // Create and add the spin button to the MidgroundContainer var spinButton = new SpinButton(); var midgroundContainer = new MidgroundContainer(); midgroundContainer.addChild(spinButton); game.addChild(midgroundContainer); // Create a second spin button and add it to the BackgroundContainer, 50 pixels lower var backgroundContainer = new BackgroundContainer(); var backgroundImage = LK.getAsset('Background', { anchorX: 0.5, anchorY: 0.5 }); backgroundImage.scale.set(1, 1); // Set scale to 1 to prevent stretching backgroundImage.x = 2048 / 2; // Center horizontally backgroundImage.y = 2732 / 2 - 250; // Move 350 pixels higher var backgroundImage2 = LK.getAsset('Background_2', { anchorX: 0.5, anchorY: 0.5 }); backgroundImage2.scale.set(1, 1); // Set scale to 1 to prevent stretching backgroundImage2.x = 2048 / 2; // Center horizontally backgroundImage2.y = 2732 / 2 - 200; // Move 300 pixels higher backgroundContainer.addChild(backgroundImage2); // Add background_2 image to the background container backgroundContainer.addChild(backgroundImage); // Add background image to the background container var spinButtonBackground = new SpinButton(); spinButtonBackground.y -= 50; // Move the button 50 pixels lower backgroundContainer.addChild(spinButtonBackground); game.addChild(backgroundContainer); var bonusDisplay = new BonusDisplay(); bonusDisplay.x = 2048 / 2; // Center horizontally bonusDisplay.y = 2732 / 2; // Center vertically game.addChild(bonusDisplay); // WinManager class to handle win conditions and coin calculations var WinManager = function WinManager() { this.coinValues = { 1: 1, // Icon_1 2: 2, // Icon_2 3: 5, // Icon_3 4: 10, // Icon_4 5: 50 // Icon_5 }; }; WinManager.prototype.calculateWinnings = function (icons) { if (icons.length !== 3) { console.error("Invalid number of icons passed to calculateWinnings:", icons.length); return 0; } // Check if all three icons match console.log('calculateWinnings icons', icons); var allMatch = icons[0] === icons[1] && icons[1] === icons[2]; var totalCoins = 0; if (allMatch) { // Sum the individual coin values var sum = icons.reduce(function (acc, icon) { var value = this.coinValues[icon]; if (typeof value !== 'number') { console.error("Invalid coin value for icon", icon, ":", value); return acc; } return acc + value; }.bind(this), 0); // Apply the multiplier totalCoins = sum * 3; // Ensure the multiplier is applied correctly console.log("All three icons match. Sum:", sum, "TotalCoins:", totalCoins); // Log detailed calculation for verification } else { // Sum the individual coin values without multiplier totalCoins = icons.reduce(function (acc, icon) { return acc + this.coinValues[icon]; }.bind(this), 0); console.log("Icons do not all match. Sum:", totalCoins); // Log detailed calculation for verification } return totalCoins; }; var reel2Probability = 0.9; // Probability for reel 2 to match the first reel icon var reel3Probability = 0.5; // Probability for reel 3 to match the first reel icon var winManager = new WinManager(); // SpinManager class to handle spinning logic // Replace the Icon class with the IconContainer class // Create a container for the coin display var coinDisplay = new Container(); // Create the coin icon and set its anchor to the right center var coinIcon = coinDisplay.attachAsset('GUI_Coin', { anchorX: 1.0, // Right side anchorY: 0.5 // Center vertically }); coinIcon.x = 0; // Position at the left of the container coinIcon.y = 0; // Create a text object to display the coin amount and set its anchor to the left center var playerCoins = 0; // Initialize player's coins to 0 var coinAmountText = new Text2(playerCoins.toString(), { size: 100, fill: 0xFFFFFF }); coinAmountText.anchor.set(1.0, 0.5); // Right side coinAmountText.x = -coinIcon.width - 10; // Position text to the left of the coin icon coinAmountText.y = 0; // Add the text to the container coinDisplay.addChild(coinAmountText); // Position the container at the top-center of the screen coinDisplay.x = LK.gui.top.width - coinIcon.width + 750; // Position at the right of the screen coinDisplay.y = 50; // Adjust Y position as needed coinAmountText.x = -coinIcon.width - 30; // Position text closer to the left of the coin icon // Add the coin display container to the top GUI LK.gui.top.addChild(coinDisplay); // Event listener for starting the spin // SpinManager class to handle spinning logic var SpinManager = function SpinManager(reels) { this.reels = reels; this.spinning = false; this.spinStartTick = 0; this.canSpin = true; this.reelOneCompleted = false; // Reset flag for next spin cycle this.reelsStoppedCounter = 0; // Initialize counter to track stopped reels reelStateManager.bonusDisplayed = false; // Reset bonusDisplayed flag for next spin this.bonusDisplayed = false; // Initialize flag to track bonus display }; SpinManager.prototype.startSpin = function () { if (this.canSpin && !this.spinning) { this.spinning = true; this.spinStartTime = Date.now(); for (var i = 0; i < this.reels.length; i++) { this.reels[i].speed = 5; // Ensure speed is initialized for each reel this.reels[i].finalIconSelected = false; // Reset finalIconSelected flag this.reels[i].finalIconNumber = null; // Reset finalIconNumber when spinning starts } reelStateManager.evaluationTriggered = false; // Reset evaluationTriggered flag at the start of each spin this.canSpin = false; } }; SpinManager.prototype.initializeReels = function (reels) { for (var i = 0; i < reels.length; i++) { reels[i].reelIndex = i; // Initialize reelIndex to track reel position console.log("Reel initialized with index:", i); // Log for debugging } }; SpinManager.prototype.update = function () { if (this.spinning) { for (var i = 0; i < this.reels.length; i++) { if (this.reels[i].speed != 0 && Date.now() - this.spinStartTime >= 500 * (i + 1) && (i === 0 || i === 1 && this.reelOneCompleted || i === 2 && this.reelOneCompleted)) { this.reels[i].speed = 0; this.reelsStoppedCounter++; // Increment counter when a reel stops if (this.reelsStoppedCounter === this.reels.length) { // Check if all reels have stopped this.reelsStoppedCounter = 0; // Reset counter for next spin this.spinning = false; this.canSpin = true; // Add a 100ms delay before completing the remainder of the function LK.setTimeout(function () { // Increment spin counter spinCounter++; // Check if it's time to play a pirate sound if (spinCounter >= nextSoundTrigger) { // Select a random sound index, excluding the last played one var soundIndex; do { soundIndex = Math.floor(Math.random() * pirateSounds.length); } while (soundIndex === lastPlayedSoundIndex); // Play the selected sound LK.getSound(pirateSounds[soundIndex]).play(); // Update last played sound index lastPlayedSoundIndex = soundIndex; // Reset spin counter and determine the next trigger spinCounter = 0; nextSoundTrigger = Math.floor(Math.random() * 6) + 5; // Random number between 5 and 10 } this.reelOneCompleted = false; // Reset flag for next spin cycle // Removed the first call to checkReelStates to ensure it's only called once per spin // Update coins var winnings = reelStateManager.checkReelStates(); // Calculate winnings after all reels have stopped console.log("Previous Coins:", playerCoins, "New Coins:", playerCoins + winnings); // Log coin update for verification var increment = Math.ceil(winnings / 60); // Increment value to reach winnings in 1 second (60 frames) var targetCoins = playerCoins + winnings; // Target coin value LK.setTimeout(function () { // Add a delay before starting the counter effect var updateInterval = LK.setInterval(function () { if (playerCoins < targetCoins) { playerCoins = Math.min(playerCoins + increment, targetCoins); // Increment coins but do not exceed target coinAmountText.setText(playerCoins.toString()); } else { LK.clearInterval(updateInterval); // Stop updating once target is reached } }, 16); // Update every 16ms for smooth animation }, 300); // Wait 500 milliseconds before starting the counter effect // Create a text object to display the awarded coins var awardedCoinsText = new Text2('+' + winnings.toString(), { size: 150, fill: 0xFFFF00 }); awardedCoinsText.anchor.set(0.5, 0.5); // Center the text awardedCoinsText.x = 2048 / 2; // Center horizontally on the screen awardedCoinsText.y = 2732 / 2 - 1270; // Move 700 pixels higher // Add the awarded coins text to the game game.addChild(awardedCoinsText); // Create a fade-out effect for the awarded coins text var fadeDuration = 1500; var fadeStartTime = Date.now(); var fadeOutInterval = LK.setInterval(function () { var elapsed = Date.now() - fadeStartTime; if (elapsed >= fadeDuration) { awardedCoinsText.destroy(); // Destroy the text after fading out LK.clearInterval(fadeOutInterval); } else { awardedCoinsText.alpha = 1 - elapsed / fadeDuration; } }, 16); // Approximately 60 FPS }, 100); // 100ms delay } } } } }; // Removed ICON_MAP as it is not needed for numerical identifiers // Removed the global game.down event listener to prevent spinning from the entire screen // Define the icons and their corresponding weights var iconWeights = [{ icon: 1, weight: 100 }, { icon: 2, weight: 90 }, { icon: 3, weight: 50 }, { icon: 4, weight: 30 }, { icon: 5, weight: 10 }]; // Function to select a random icon based on weights function selectFinalIcon(reelNumber, firstReelIcon) { if (reelNumber === 1) { return selectIconForReel1(); // Use weight-based selection for Reel 1, returns numerical identifier } else if (reelNumber === 2) { if (reelStateManager.selectedFinalIcons[0] === undefined) { console.warn("selectedFinalIcons[0] is not initialized. Defaulting to random selection."); return selectRandomIcon(); // Fallback to random selection if selectedFinalIcons[0] is not set } return selectIconForReel2(reelStateManager.selectedFinalIcons[0]); // Use conditional probability for Reel 2, returns numerical identifier } else if (reelNumber === 3) { if (reelStateManager.selectedFinalIcons[0] === undefined) { console.warn("selectedFinalIcons[0] is not initialized. Defaulting to random selection."); return selectRandomIcon(); // Fallback to random selection if selectedFinalIcons[0] is not set } return selectIconForReel3(reelStateManager.selectedFinalIcons[0]); // Use conditional probability for Reel 3, returns numerical identifier } return 1; // Default to the first icon if something goes wrong } function selectIconForReel1() { var totalWeight = iconWeights.reduce(function (sum, icon) { return sum + icon.weight; }, 0); var randomNum = Math.random() * totalWeight; return selectIconByWeight(randomNum, totalWeight); // Returns numerical identifier } function selectIconForReel2(firstReelIcon) { var randomNum = Math.random(); if (randomNum <= reel2Probability) { return firstReelIcon; // Return the numerical identifier of firstReelIcon } else { var remainingIcons = iconWeights.filter(function (icon) { return icon.icon !== firstReelIcon; }); if (remainingIcons.length === 0) { console.warn("No remaining icons available. Defaulting to random selection."); return selectRandomIcon(); } var totalWeight = remainingIcons.reduce(function (sum, icon) { return sum + icon.weight; }, 0); var randomNum = Math.random() * totalWeight; return selectIconByWeight(randomNum, totalWeight, remainingIcons); // Select icon by weight from remaining icons } } function selectIconForReel3(firstReelIcon) { var randomNum = Math.random(); if (randomNum <= reel3Probability) { return firstReelIcon; // Return the numerical identifier of firstReelIcon } else { var remainingIcons = iconWeights.filter(function (icon) { return icon.icon !== firstReelIcon; }); if (remainingIcons.length === 0) { console.warn("No remaining icons available. Defaulting to random selection."); return selectRandomIcon(); } var totalWeight = remainingIcons.reduce(function (sum, icon) { return sum + icon.weight; }, 0); var randomNum = Math.random() * totalWeight; return selectIconByWeight(randomNum, totalWeight, remainingIcons); // Select icon by weight from remaining icons } } function selectIconByWeight(randomNum, totalWeight, iconSubset) { var weightSum = 0; var icons = iconSubset || iconWeights; // Use iconSubset if provided, otherwise use full iconWeights var subsetTotalWeight = icons.reduce(function (sum, icon) { return sum + icon.weight; }, 0); for (var i = 0; i < icons.length; i++) { weightSum += icons[i].weight; if (randomNum <= weightSum) { return icons[i].icon; // Return the icon number (1-based index), ensuring numerical identifier } } // Normalize weights to ensure fair probability distribution if (weightSum !== subsetTotalWeight) { console.warn("Weight sum mismatch. Normalizing weights."); subsetTotalWeight = weightSum; } return 1; // Default to the first icon if something goes wrong } // Removed firstReelIcon variable to avoid redundancy var reels = []; // Initialize reels array before creating SlotReel instances var reelStateManager = new ReelStateManager(reels, bonusDisplay, winManager); var spinManager = new SpinManager(reels); spinManager.reelStateManager = reelStateManager; // Function to select a random icon based on weights function selectRandomIcon() { var totalWeight = iconWeights.reduce(function (sum, icon) { return sum + icon.weight; }, 0); var randomNum = Math.random() * totalWeight; return selectIconByWeight(randomNum, totalWeight); // Select icon by weight, returns numerical identifier } // Function to start spinning the reels // Create and position the slot reels for (var i = 0; i < 3; i++) { var reel = new SlotReel(); reel.x = 2048 / 2 + (i - 1) * 450; // Center the reels with reduced spacing reel.y = 2732 / 2 - 200; // Move the reels 250 pixels lower reel.speed = 0; // Initialize reels with speed set to 0 // Show a random icon at the start var iconNumber = selectRandomIcon(); reel.iconContainer.showIcon(iconNumber); reels.push(reel); game.addChild(reel); } spinManager.initializeReels(reels); // Initialize reelIndex in SpinManager // Event listener for starting the spin // Removed the event listener for starting the spin // Event listener for stopping the spin // Function to stop spinning the reels game.up = function (x, y, obj) {}; // Update function to animate the game game.update = function () { for (var i = 0; i < reels.length; i++) { reels[i].update(); } spinManager.update(); };

auto slot spinning by Octo

Images

Sounds