/**** * Classes ****/ /***********************************************************************************/ /********************************** CAMERA HUD CLASS ************************************/ /***********************************************************************************/ var CameraHUD = Container.expand(function () { var self = Container.call(this); function createCorner(x, y, rotation) { var corner = new Container(); var line1 = LK.getAsset('line', { width: 100, height: 20, anchorX: 0, anchorY: 0 }); var line2 = LK.getAsset('line', { width: 100, height: 20, anchorX: 0, anchorY: 0 }); line2.rotation = Math.PI / 2; line1.alpha = 0.75; line2.alpha = 0.75; corner.addChild(line1); corner.addChild(line2); corner.x = x; corner.y = y; corner.rotation = rotation; return corner; } var topLeft = createCorner(256, 700, 0); var topRight = createCorner(2048 - 256, 700, Math.PI / 2); var bottomLeft = createCorner(256, 2732 - 700, -Math.PI / 2); var bottomRight = createCorner(2048 - 256, 2732 - 700, Math.PI); self.addChild(topLeft); self.addChild(topRight); self.addChild(bottomLeft); self.addChild(bottomRight); }); /***********************************************************************************/ /********************************** CONFETTI ANIM CLASS ****************************/ /***********************************************************************************/ var ConfettiAnim = Container.expand(function () { var self = Container.call(this); var confettiColors = [0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0xFF00FF, 0x00FFFF]; var confettiPieces = []; for (var i = 0; i < 100; i++) { var confettiPiece = self.attachAsset('line', { width: 5, height: 25, tint: confettiColors[Math.floor(Math.random() * confettiColors.length)], anchorX: 0.5, anchorY: 0.5 }); confettiPiece.x = Math.random() * 2048; confettiPiece.y = -1 * Math.random() * 2732; confettiPiece.rotation = Math.random() * Math.PI * 2; confettiPiece.speedX = 0; confettiPiece.speedY = 10 + Math.random() * 5; confettiPieces.push(confettiPiece); } self.update = function () { for (var i = 0; i < confettiPieces.length; i++) { var piece = confettiPieces[i]; piece.x += piece.speedX; piece.y += piece.speedY; piece.rotation += 0.1; if (piece.y > 2732) { piece.x = Math.random() * 2048; piece.y = -20; } } }; }); /***********************************************************************************/ /********************************** FRAME BACKGROUND CLASS *************************/ /***********************************************************************************/ var FrameBackground = Container.expand(function () { var self = Container.call(this); var frameBackground = self.attachAsset(currentBackground, { anchorX: 0.5, anchorY: 0.5, width: xMax - xMin, height: yMax - yMin, x: (xMax + xMin) / 2, y: (yMax + yMin) / 2 }); }); /***********************************************************************************/ /********************************** FRAME MASK CLASS *************************/ /***********************************************************************************/ var FrameMask = Container.expand(function () { var self = Container.call(this); var top = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: yMin / 2, width: 2048, height: yMin, tint: isDebug ? 0xFF0000 : 0x8FA9B9 // Red tint in debug mode }); var left = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, x: xMin / 2, y: 2732 / 2, width: xMin, height: 2732, tint: isDebug ? 0x00FF00 : 0x8FA9B9 // Green tint in debug mode }); var bottom = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: (2732 + yMax) / 2, width: 2048, height: 2732 - yMax, tint: isDebug ? 0x0000FF : 0x8FA9B9 // Blue tint in debug mode }); var right = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, x: (2048 + xMax) / 2, y: 2732 / 2, width: 2048 - xMax, height: 2732, tint: isDebug ? 0xFFFF00 : 0x8FA9B9 // Yellow tint in debug mode }); self.addChild(top); self.addChild(left); self.addChild(bottom); self.addChild(right); }); /***********************************************************************************/ /********************************** MOVING TARGET CLASS ************************************/ /***********************************************************************************/ var MovingTarget = Container.expand(function (asset, revert) { var self = Container.call(this); var target = targetManager.getTarget(asset); log("MovingTarget target:", target); var targetGraphics = self.attachAsset(asset, { anchorX: 0.5, anchorY: 0.5, scaleX: (revert ? -1 : 1) * target.wRatio, scaleY: target.hRatio }); self.speedX = 25 + levelManager.currentLevel * 6; self.update = function () { if (!isPlaying) { return; } var dx = self.endX - self.x; var dy = self.endY - self.y; var distance = Math.sqrt(dx * dx + dy * dy); self.x += dx / distance * self.speedX; self.y += dy / distance * self.speedX; if (isDebug && LK.ticks % 60 === 0) { // Log position every second (assuming 60 FPS) log("MovingTarget position:", { x: self.x, y: self.y }); } // Check if the target is out of the screen bounds with an offset var offset = 128; // Example offset value if (self.x < -self.width - offset || self.x > 2048 + self.width + offset || self.y < -self.height - offset || self.y > 2732 + self.height + offset || distance < offset) { self.destroy(); cleanPlayingState(); initResultState(); } }; }); /***********************************************************************************/ /********************************** PHOTOFRAME CLASS ************************************/ /***********************************************************************************/ var PhotoFrame = Container.expand(function () { var self = Container.call(this); var frameBorderTop = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5 }); frameBorderTop.width = xMax - xMin + 16; frameBorderTop.height = 20; frameBorderTop.alpha = 1.0; frameBorderTop.x = (xMax + xMin) / 2; frameBorderTop.y = yMin; var frameBorderRight = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, tint: 0xFFFFFF // Grey color }); frameBorderRight.width = 20; frameBorderRight.height = yMax - yMin; frameBorderRight.alpha = 1.0; frameBorderRight.x = xMax; frameBorderRight.y = (yMax + yMin) / 2; var frameBorderBottom = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5, tint: 0xFFFFFF // Grey color }); frameBorderBottom.width = xMax - xMin + 20; frameBorderBottom.height = 20; frameBorderBottom.alpha = 1.0; frameBorderBottom.x = (xMax + xMin) / 2; frameBorderBottom.y = yMax; var frameBorderLeft = self.attachAsset('line', { anchorX: 0.5, anchorY: 0.5 }); frameBorderLeft.width = 20; frameBorderLeft.height = yMax - yMin; frameBorderLeft.alpha = 1.0; frameBorderLeft.x = xMin; frameBorderLeft.y = (yMax + yMin) / 2; }); /***********************************************************************************/ /********************************** PHOTOFRAMESHADOW CLASS *************************/ /***********************************************************************************/ var PhotoFrameShadow = Container.expand(function () { var self = Container.call(this); for (var i = 0; i < 10; i++) { var shadowRight = self.attachAsset('line', { anchorX: 0, anchorY: 0, tint: 0x000000 // Red color for debugging }); shadowRight.width = 20 + i * 2; // Increase width by i*2 shadowRight.height = yMax - yMin; shadowRight.alpha = 0.1; shadowRight.x = xMax + 10; // Set the same x for all shadowRight shadowRight.y = yMin + 10; self.addChild(shadowRight); } for (var i = 0; i < 10; i++) { var shadowBottom = self.attachAsset('line', { anchorX: 0, anchorY: 0, tint: 0x000000 // Red color for debugging }); shadowBottom.width = xMax - xMin; shadowBottom.height = 20 + i * 2; // Increase height by i*2 shadowBottom.alpha = 0.1; shadowBottom.x = xMin + 10; shadowBottom.y = yMax + 10; // Set the same y for all shadowBottom self.addChild(shadowBottom); } // Add shadowCorner asset for (var i = 0; i < 10; i++) { var shadowCorner = self.attachAsset('line', { anchorX: 0, anchorY: 0, tint: 0x000000, x: xMax + 10, y: yMax + 10, width: 20 + i * 2, height: 20 + i * 2, alpha: 0.1 }); self.addChild(shadowCorner); } }); /***********************************************************************************/ /********************************** SHOTBUTTON CLASS ************************************/ /***********************************************************************************/ var ShotButton = Container.expand(function () { var self = Container.call(this); var circle1 = self.attachAsset('shotButton', { anchorX: 0.5, anchorY: 0.5 }); var circle2 = self.attachAsset('shotButton', { anchorX: 0.5, anchorY: 0.5, tint: 0x000000, scaleX: 0.9, scaleY: 0.9 }); var circle3 = self.attachAsset('shotButton', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.85, scaleY: 0.85 }); }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x8FA9B9 //Init game with new color }); /**** * Game Code ****/ /***********************************************************************************/ /********************************** TARGET MANAGER CLASS ***************************/ /***********************************************************************************/ var TargetManager = function TargetManager() { this.targets = { 'bird1': { assetName: 'bird1', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, //0.62 minimum hRatio: 1.0 }, 'bird2': { assetName: 'bird2', startCorners: [5, 7], wRatio: 1.0, hRatio: 1.0 }, 'bird3': { assetName: 'bird3', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'bird4': { assetName: 'bird3', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'bird5': { assetName: 'bird3', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'fish1': { assetName: 'fish1', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'fish2': { assetName: 'fish2', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 0.636 }, 'fish3': { assetName: 'fish3', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 0.62, hRatio: 1.0 }, 'fish4': { assetName: 'fish4', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 0.62 }, 'fish5': { assetName: 'fish5', startCorners: [4, 5, 7, 8], wRatio: 1.0, hRatio: 0.62 }, 'insect1': { assetName: 'insect1', startCorners: [7, 5], wRatio: 1.0, hRatio: 1.0 }, 'insect2': { assetName: 'insect2', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'insect3': { assetName: 'insect3', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'insect4': { assetName: 'insect4', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'insect5': { assetName: 'insect5', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'spaceObject1': { assetName: 'spaceObject1', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'spaceObject2': { assetName: 'spaceObject2', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'spaceObject3': { assetName: 'spaceObject3', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'spaceObject4': { assetName: 'spaceObject4', startCorners: [1, 3, 4, 5, 7, 8], wRatio: 1.0, hRatio: 0.640 }, 'spaceObject5': { assetName: 'spaceObject5', startCorners: [1, 3], wRatio: 1.0, hRatio: 1.0 }, 'townObject1': { assetName: 'townObject1', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 1.0, hRatio: 1.0 }, 'townObject2': { assetName: 'townObject2', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 0.727, hRatio: 1.0 }, 'townObject3': { assetName: 'townObject3', startCorners: [1, 3, 4, 8], wRatio: 1.0, hRatio: 1.0 }, 'townObject4': { assetName: 'townObject4', startCorners: [4, 8], wRatio: 1.0, hRatio: 0.363 }, 'townObject5': { assetName: 'townObject4', startCorners: [1, 2, 3, 4, 5, 6, 7, 8], wRatio: 1.0, hRatio: 1.0 } }; }; TargetManager.prototype.getTarget = function (key) { return this.targets[key]; }; TargetManager.prototype.getAllKeys = function () { return Object.keys(this.targets); }; targetManager = new TargetManager(); /***********************************************************************************/ /********************************** POSITION MANAGER CLASS *************************/ /***********************************************************************************/ var PositionManager = function PositionManager() { this.previousStartCornerIndex = null; this.nbMaxCorners = 8; // Constant }; PositionManager.prototype.getNextStartCorner = function (asset, revert) { var availableCorners = targetManager.getTarget(asset).startCorners; var possibleCorners = revert ? [2, 3, 4, 5, 6] : [1, 2, 6, 7, 8]; var validCorners = availableCorners.filter(function (corner) { return possibleCorners.includes(corner); }); var nextCorner = validCorners[Math.floor(Math.random() * validCorners.length)]; this.previousStartCornerIndex = nextCorner; return nextCorner; }; PositionManager.prototype.getEndCorner = function (startCornerIndex) { var possibleEndCorners = [1 + (startCornerIndex + 3) % 8]; var endCorner = possibleEndCorners[Math.floor(Math.random() * possibleEndCorners.length)]; log("Start corner index:", startCornerIndex); log("Possible end corners:", possibleEndCorners); log("Selected end corner:", endCorner); return endCorner; }; PositionManager.prototype.getCornerPosition = function (cornerIndex) { var randomOffset = Math.random() * 100 * 0; // Example random offset var targetSize = 1024; // Size of the target switch (cornerIndex) { case 1: return { x: xMin - targetSize - randomOffset, y: yMin - targetSize - randomOffset }; case 2: return { x: xMin + (xMax - xMin) / 2, y: -targetSize - randomOffset }; case 3: return { x: xMax + targetSize + randomOffset, y: yMin - targetSize - randomOffset }; case 4: return { x: xMax + targetSize + randomOffset, y: yMin + (yMax - yMin) / 2 }; case 5: return { x: xMax + targetSize + randomOffset, y: yMax + targetSize + randomOffset }; case 6: return { x: xMin + (xMax - xMin) / 2, y: 2732 + targetSize + randomOffset }; case 7: return { x: xMin - targetSize - randomOffset, y: yMax + targetSize + randomOffset }; case 8: return { x: xMin - targetSize - randomOffset, y: yMin + (yMax - yMin) / 2 }; default: return { x: 0, y: 0 }; } }; /***********************************************************************************/ /********************************** LEVEL MANAGER CLASS ****************************/ /***********************************************************************************/ var LevelManager = function LevelManager() { this.levels = [{ name: 'Forest', background: 'forest', targets: ['bird1', 'bird2', 'bird3', 'bird4', 'bird5'], sound: 'forestSound' }, { name: 'Underwater', background: 'underwater', targets: ['fish1', 'fish2', 'fish3', 'fish4', 'fish5'], sound: 'underwaterSound' }, { name: 'Countryside', background: 'countryside', targets: ['insect1', 'insect2', 'insect3', 'insect4', 'insect5'], sound: 'countrysideSound' }, { name: 'Town', background: 'town', targets: ['townObject1', 'townObject2', 'townObject3', 'townObject4', 'townObject5'], sound: 'townSound' }, { name: 'Space', background: 'space', targets: ['spaceObject1', 'spaceObject2', 'spaceObject3', 'spaceObject4', 'spaceObject5'], sound: 'spaceSound' }]; this.currentLevel = 0; this.currentRound = -1; }; LevelManager.prototype.getBackground = function () { return this.levels[levelManager.currentLevel].background; }; LevelManager.prototype.getTarget = function () { if (isRandomMode) { var otherLevels = this.levels.filter(function (_, index) { return index !== levelManager.currentLevel; }); var randomLevel = otherLevels[Math.floor(Math.random() * otherLevels.length)]; return randomLevel.targets[Math.floor(Math.random() * randomLevel.targets.length)]; } else { return this.levels[levelManager.currentLevel].targets[levelManager.currentRound]; } }; LevelManager.prototype.nextRound = function () { log("LevelManager nextRound() : was " + this.currentRound); this.currentRound++; log("now => " + this.currentRound); if (levelManager.currentLevel >= 0 && levelManager.currentLevel < this.levels.length && this.currentRound >= this.levels[levelManager.currentLevel].targets.length) { this.currentRound = 0; levelManager.currentLevel++; if (levelManager.currentLevel >= this.levels.length) { levelManager.currentLevel = 0; // Loop back to the first level } } }; /****************************************************************************************** */ /************************************** GLOBAL VARIABLES ********************************** */ /****************************************************************************************** */ var GAME_STATE = { INIT: 'INIT', NEW_ROUND: 'NEW_ROUND', PLAYING: 'PLAYING', RESULT: 'RESULT', SCORE: 'SCORE', MENU: 'MENU' }; // Game state variables var totalScore = 0; var totalRound = 0; var levelManager; var currentBackground = 'countryside'; var nbRoundsPerLevel = 5; var gameState = GAME_STATE.INIT; var isPlaying = false; var score = 0; var hasShot = false; var canClickInResultState = true; var canClickInMenuState = true; var targetShotX = 0; var targetShotY = 0; var finalResultBackground; var finalResultPopup; var currentQuality; var averageQuality; // Photo limits variables var xMin = 256; var xMax = 2048 - 256; var yMin = 700; var yMax = 2732 - 700; // Game elements variables var frameMask; var photoFrame; var photoFrameBackground; var background; var cameraHUD; var currentTarget; var currentTargetAsset; var currentTargetRevert = false; var shotButton; var confettiAnim; // Game layer variables var photoFrameShadow; var backgroundLayer; var foregroundLayer; // Result target variable var resultTarget; // UI variables var startText; var menuBackground; var menuPopup; var scoreTxt; var tapToContinueTxt; var readyText; var finalScoreTxt; // Debug variables var isDebug = false; var isRandomMode = false; var debugMarker; var debugText; /****************************************************************************************** */ /*********************************** UTILITY FUNCTIONS ************************************ */ /****************************************************************************************** */ function log() { if (isDebug) { var _console; (_console = console).log.apply(_console, arguments); } } /****************************************************************************************** */ /************************************** INPUT HANDLERS ************************************ */ /****************************************************************************************** */ game.down = function (x, y, obj) { switch (gameState) { case GAME_STATE.NEW_ROUND: gameNewRoundDown(x, y, obj); break; case GAME_STATE.PLAYING: gamePlayingDown(x, y, obj); break; case GAME_STATE.RESULT: gameResultDown(x, y, obj); break; case GAME_STATE.SCORE: gameScoreDown(x, y, obj); break; case GAME_STATE.MENU: gameMenuDown(x, y, obj); break; } }; function gameMenuDown(x, y, obj) { log("gameMenuDown..."); if (canClickInMenuState) { canClickInMenuState = false; initNewRoundState(true); } } function gameNewRoundDown(x, y, obj) { log("gameNewRoundDown..."); } function gamePlayingDown(x, y, obj) { if (hasShot) { return; } hasShot = true; log("gamePlayingDown..."); LK.getSound('cameraShot').play(); targetShotX = currentTarget.x; targetShotY = currentTarget.y; // Add a black flash effect LK.effects.flashScreen(0x000000, 1000); // Flash duration of 1000ms } function gameResultDown(x, y, obj) { log("gameResultDown...from state " + gameState + " != " + GAME_STATE.NEW_ROUND, " canClickInResultState=", canClickInResultState); if (gameState != GAME_STATE.NEW_ROUND && canClickInResultState) { canClickInResultState = false; cleanResultState(); if (levelManager.currentLevel === levelManager.levels.length - 1 && levelManager.currentRound === levelManager.levels[levelManager.currentLevel].targets.length - 1) { if (!isRandomMode) { isRandomMode = true; initNewRoundState(); } else { initScoreState(); } } else { initNewRoundState(); } } } function gameScoreDown(x, y, obj) { log("gameScoreDown..."); cleanScoreState(); } /****************************************************************************************** */ /************************************* GAME STATES **************************************** */ /****************************************************************************************** */ function gameInitialize() { log("Game initialize..."); levelManager = new LevelManager(); targetManager = new TargetManager(); positionManager = new PositionManager(); levelManager.currentLevel = 0; // Ensure levelManager.currentLevel is set to a valid index levelManager.nextRound(); background = LK.getAsset(levelManager.getBackground(), { anchorX: 0, anchorY: 0, x: 0, y: 0 }); backgroundLayer = new Container(); foregroundLayer = new Container(); cameraHUD = new CameraHUD(); photoFrameBackground = new FrameBackground(); photoFrameBackground.visible = false; photoFrame = new PhotoFrame(); photoFrameShadow = new PhotoFrameShadow(); photoFrameShadow.visible = false; frameMask = new FrameMask(); frameMask.visible = false; photoFrameBackground.visible = false; game.addChild(backgroundLayer); game.addChild(foregroundLayer); //backgroundLayer.addChild(background); backgroundLayer.addChild(photoFrameBackground); backgroundLayer.addChild(cameraHUD); foregroundLayer.addChild(frameMask); foregroundLayer.addChild(photoFrame); foregroundLayer.addChild(frameMask); foregroundLayer.addChild(photoFrameShadow); // UI Elements score = 0; scoreTxt = new Text2('Quality: ' + score, { size: 100, fill: "#ffffff", weight: 1000, dropShadow: true }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); finalScoreTxt = new Text2('Final Score: ' + score, { size: 100, fill: "#ffffff", weight: 1000, dropShadow: true, align: "center", visible: false }); finalScoreTxt.anchor.set(0.5, 1); // Center the text both horizontally and vertically finalScoreTxt.visible = false; // Explicitly set visibility to false LK.gui.center.addChild(finalScoreTxt); readyText = new Text2('Get Ready...', { size: 100, fill: "#ffffff", weight: 1000, dropShadow: true, visible: false }); readyText.anchor.set(0.5, 0); // Center the text horizontally and set anchor to top LK.gui.top.addChild(readyText); shotButton = new ShotButton(); tapToContinueTxt = new Text2('Tap to continue...', { size: 60, fill: "#ffffff", weight: 1000, dropShadow: true }); tapToContinueTxt.visible = false; // Explicitly set visibility to false tapToContinueTxt.anchor.set(0.5, 1); LK.gui.bottom.addChild(tapToContinueTxt); shotButton.x = 1024; shotButton.y = 2300; // Move the button higher shotButton.scaleX = 1.2; // Increase the size shotButton.scaleY = 1.2; // Increase the size game.addChild(shotButton); if (isDebug) { debugMarker = LK.getAsset('debugMarker', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 - 50 }); game.addChild(debugMarker); debugText = new Text2('Debug Info', { size: 50, fill: "#ffffff" }); debugText.anchor.set(0.5, 1); // Anchor to the bottom-right LK.gui.bottom.addChild(debugText); } initMenuState(); } /**************************************** MENU STATE *********************************/ function initMenuState() { log("initMenuState..."); canClickInMenuState = true; gameState = GAME_STATE.MENU; readyText.visible = false; photoFrame.visible = false; photoFrameShadow.visible = false; shotButton.visible = false; scoreTxt.visible = false; cameraHUD.visible = false; menuBackground = LK.getAsset('menuBackground', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 }); backgroundLayer.addChild(menuBackground); menuPopup = LK.getAsset('finalResultPopup', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 1200 }); backgroundLayer.addChild(menuPopup); startText = new Text2('Start', { size: 240, fill: "#ffffff", weight: 1000, dropShadow: true, align: "center" }); startText.anchor.set(0.5, 0.5); startText.x = 2048 / 2; startText.y = 1200; backgroundLayer.addChild(startText); } function cleanMenuState() { log("cleanMenuState..."); // Remove New round elements readyText.visible = false; if (startText) { backgroundLayer.removeChild(startText); startText = null; } if (menuPopup) { backgroundLayer.removeChild(menuPopup); menuPopup = null; } if (menuBackground) { backgroundLayer.removeChild(menuBackground); menuBackground = null; } } /**************************************** NEW ROUND STATE *********************************/ function initNewRoundState(keepRound) { log("initNewRoundState...before:", 'Level: ' + levelManager.currentLevel + ' Round: ' + levelManager.currentRound); gameState = GAME_STATE.NEW_ROUND; if (!keepRound) { levelManager.nextRound(); } log("initNewRoundState...after:", 'Level: ' + levelManager.currentLevel + ' Round: ' + levelManager.currentRound); totalRound++; currentTargetRevert = Math.random() >= 0.5; targetShotX = 0; targetShotY = 0; score = 0; // Reset score at the start of each new round scoreTxt.setText('Quality: ' + score + '%'); if (isDebug) { debugText.setText('Level: ' + levelManager.currentLevel + ' Round: ' + levelManager.currentRound); } currentBackground = levelManager.getBackground(); background = LK.getAsset(currentBackground, { anchorX: 0, anchorY: 0, x: 0, y: 0 }); backgroundLayer.addChild(background); backgroundLayer.addChild(cameraHUD); cameraHUD.visible = true; // TODO : handle Level change and target change currentTargetAsset = levelManager.getTarget(); var startCornerIndex = positionManager.getNextStartCorner(currentTargetAsset, currentTargetRevert); var endCornerIndex = positionManager.getEndCorner(startCornerIndex); var startPosition = positionManager.getCornerPosition(startCornerIndex); var endPosition = positionManager.getCornerPosition(endCornerIndex); log("Selected start position:", startPosition); log("Selected end position:", endPosition); currentTargetRevert = endPosition.x < startPosition.x; currentTarget = new MovingTarget(currentTargetAsset, currentTargetRevert); currentTarget.x = startPosition.x; currentTarget.y = startPosition.y; currentTarget.endX = endPosition.x; currentTarget.endY = endPosition.y; backgroundLayer.addChild(currentTarget); if (isRandomMode && levelManager.currentLevel === 0 && levelManager.currentRound === 0) { readyText.setText("Let's have fun..."); } else { readyText.setText('Get Ready...'); } readyText.visible = true; photoFrame.visible = false; photoFrameShadow.visible = false; shotButton.visible = true; scoreTxt.visible = false; LK.getSound(levelManager.levels[levelManager.currentLevel].sound).play(); LK.setTimeout(function () { cleanNewRoundState(); initPlayingState(); }, 1000 + 1000 + Math.random()); } function handleNewRoundLoop() { // Update New round elements } function cleanNewRoundState() { log("cleanNewRoundState..."); // Remove New round elements readyText.visible = false; } /**************************************** PLAYING STATE *********************************/ function initPlayingState() { log("initPlayingState..."); gameState = GAME_STATE.PLAYING; isPlaying = true; hasShot = false; canClickInResultState = false; } function handlePlayingLoop() { // Update game elements } function cleanPlayingState() { log("cleanPlayingState..."); isPlaying = false; // Remove game elements background.visible = false; cameraHUD.visible = false; } /**************************************** RESULT STATE *********************************/ function initResultState() { log("initResultState..."); shotButton.visible = false; scoreTxt.visible = true; frameMask.visible = true; foregroundLayer.addChildAt(frameMask, 0); gameState = GAME_STATE.RESULT; photoFrame.visible = true; photoFrameBackground = new FrameBackground(); photoFrameBackground.visible = true; backgroundLayer.addChild(photoFrameBackground); photoFrameShadow.visible = true; background.tint = 0x000000; // Set background to black // Show the target again at the shot position if within limits if (targetShotX >= xMin - currentTarget.width / 2 && targetShotX <= xMax + currentTarget.width / 2 && targetShotY >= yMin - currentTarget.height / 2 && targetShotY <= yMax + currentTarget.height / 2) { resultTarget = new Container(); var targetInfo = targetManager.getTarget(currentTargetAsset); var resultTargetGraphics = resultTarget.attachAsset(currentTargetAsset, { anchorX: 0.5, anchorY: 0.5, scaleX: (currentTargetRevert ? -1 : 1) * targetInfo.wRatio, scaleY: targetInfo.hRatio }); resultTarget.x = targetShotX; resultTarget.y = targetShotY; backgroundLayer.addChild(resultTarget); } // Calculate the center of the photo frame var centerX = (xMin + xMax) / 2; var centerY = (yMin + yMax) / 2; // Calculate the distance between the target shot and the center var distance = Math.sqrt(Math.pow(targetShotX - centerX, 2) + Math.pow(targetShotY - centerY, 2)); // Calculate the maximum possible distance (from center to any corner) var maxDistance = Math.sqrt(Math.pow((xMax - xMin) / 2, 2) + Math.pow((yMax - yMin) / 2, 2)); // Calculate the score (0 to 100) var shotScore = Math.max(0, 100 - distance / maxDistance * 100); // Update the score score = Math.round(shotScore); totalScore += score; scoreTxt.setText(score === 0 ? 'Missed!' : 'Quality: ' + score + '%'); LK.setTimeout(function () { tapToContinueTxt.visible = true; log("Now canClickInResultState..."); canClickInResultState = true; }, 1000); log("initResultState End"); } function handleResultLoop() { // Update result elements } function cleanResultState() { log("cleanResultState..."); frameMask.visible = false; scoreTxt.visible = false; tapToContinueTxt.visible = false; photoFrameBackground.visible = false; photoFrame.visible = false; photoFrameShadow.visible = false; foregroundLayer.removeChild(frameMask); if (resultTarget) { backgroundLayer.removeChild(resultTarget); resultTarget = null; } // Remove result elements //initNewRoundState(); } /**************************************** SCORE STATE *********************************/ function initScoreState() { log("initScoreState..."); gameState = GAME_STATE.SCORE; game.setBackgroundColor(0x8FA9B9); // Remove the background asset if (background) { backgroundLayer.removeChild(background); background = null; } // Add finalResultBackground as the background var finalResultBackground = LK.getAsset('finalResultBackground', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 }); backgroundLayer.addChild(finalResultBackground); var finalResultPopup = LK.getAsset('finalResultPopup', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 1200 }); backgroundLayer.addChild(finalResultPopup); averageQuality = Math.floor(totalScore / totalRound); LK.setScore(averageQuality); finalScoreTxt.visible = true; game.addChild(confettiAnim); currentQuality = 0; var qualityInterval = LK.setInterval(function () { if (currentQuality >= averageQuality) { LK.clearInterval(qualityInterval); if (averageQuality < 20) { LK.getSound('applauseBad').play(); } else if (averageQuality < 80) { LK.getSound('applauseNormal').play(); } else { LK.getSound('applause').play(); // Add confetti animation when averageQuality >= 80 var confettiAnim = new ConfettiAnim(); game.addChild(confettiAnim); } } else { currentQuality++; finalScoreTxt.setText('Average Quality\n' + currentQuality + '%'); } }, 50); // Adjust the interval time as needed } function handleScoreLoop() { // Update score elements if (currentQuality < averageQuality) { currentQuality++; finalScoreTxt.setText('Average Quality\n' + currentQuality + '%'); } } function cleanScoreState() { log("cleanScoreState..."); LK.showGameOver(); } /***********************************************************************************/ /******************************** MAIN GAME LOOP ***********************************/ /***********************************************************************************/ game.update = function () { switch (gameState) { case GAME_STATE.NEW_ROUND: handleNewRoundLoop(); break; case GAME_STATE.PLAYING: handlePlayingLoop(); break; case GAME_STATE.SCORE: handleScoreLoop(); break; } }; gameInitialize(); // Initialize the game