Play
:quality(85)/https://cdn.frvr.ai/68a10863013fc42d22cbe7a6.png)
:quality(85)/https://cdn.frvr.ai/689d3cd190392925e1067c5d.png)
#MazeGame
#MouseAdventure
#StrategyPlatformer
#CollectAndFight
#LabyrinthChallenge
Creation History
User prompt
el el menu que suene el sonido: "menumusical" y que cuando termine al instante comienze a sonar, que solo se detenga cuando presionemos play
User prompt
cuando recolectemos una pastafrola que suene el sonido: "pastafrolasound"
User prompt
no se escucha la musica, arreglalo.
User prompt
en el menú principal reproduce la música: "menumusic" al instante que termine que vuelva a reproducirse desde un inicio, y que la música termine cuando entramos a jugar al nivel y que vuelva a reproducirse cuando se muestre el menú.
User prompt
el laberinto y en si todo el nivel aparece un una parte pequeña de la pantalla, cambia eso, que este en pantalla completa y las únicas partes libres de la pantalla (el fondo marrón) sean donde decia cuantas pastafrolas agarramos, cuantas panteras derrotamos, el tiempo, y los mensajes escritos.
User prompt
cuando terminemos el nivel y nos muestre el tiempo restante, que este se detenga (que no siga la cuenta regresiva, que solo muestre el tiempo que nos sobro) ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'TypeError: Cannot set properties of undefined (setting 'fill')' in or related to this line: 'timeRemainingText.style.fill = 0xFFFFFF;' Line Number: 1286
User prompt
quiero que generes una mecánica nueva, cuando comencemos en nivel tengamos 2 minutos para finalizarlo. esto se muestre con un contador de tiempo en la parte de arriba de la pantalla, y que si no terminamos el nivel a tiempo, que salga una pantalla de derrota: "PERDISTE!" "mejor la próxima vez" cuando logremos terminar el nivel que en la pantalla de victoria también salga el tiempo que nos sobro. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
olvidalo, elimina el loop de las pastafrolas.
User prompt
que el loop de las pastafrola no comienze ni termine, que sea un loop que solo se acaba cuando se deja de mostrar el menú, y que el asset pastafrola en este loop se e muy pequeño, has que su tamaño sea mas grande ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
que el loop de las pastafrola no comienze ni termine, que sea un loop que solo se acaba cuando se deja de mostrar el menú, y que el asset pastafrola en este loop se e muy pequeño, has que su tamaño sea mas grande ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
-en los botones del menú inicial tienen detrás la textura: "wall" , me gastaría que la textura sea mas larga para que abarque la palabra completa y no deje letras por fuera de cada bloque. -en el menú inicial quiero que haya un patrón con el asset: "pastafrola" que este se repita muchas veces en la pantalla y que el patrón se mueva yendo de la esquina izquierda superior de la pantalla hasta la esquina posterior derecha y que siga como un bucle sin fin, (que el patrón sea un poquito desvanecido) en mi opinión seria en buen añadido al menú principal. (que este patrón esté de fondo, osea que no intervenga en el funcionamiento de los botones ni nada del juego, que sea solo estético) ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
cuando termines el nivel y salga la pantalla de victoria, que inmediatamente se oculten los contadores de panteras y pastafrolas
User prompt
crea un nuevo boton en el menu de inicio llamado: "tutorial" este mismo (cuando lo presionemos) que nos muestre el siguiente texto (en el idioma que hayamos seleccionado): "para moverte presiona el lugar donde quieras ir, para ganar derrota a los enemigos lanzándoles pastafrolas, recoléctalas pasando sobre ellas, y lánzaselas presionando al enemigo que quieras atacar! tienes un contador que te indican cuantas pastafrolas tienes recolectadas." ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
el asset: titulo, que sea un poco mas grande, y que tenga una animación de agrandarse un poquito y achicarse otro poquito y que se repita como un bucle en el cual se agranda y se achica para luego agrandarse y repetir el ciclo. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
cuando terminamos el nivel y volvemos al menú principal los assets se buguean y parpadean, arréglalo por favor.
User prompt
añade un boton (en el menu principal) llamado lenguaje, al presionarlo que nos de a elegir entre español y ingles, y dependiendo del que seleccionemos, todos los textos que apareceran en pantalla seran de el idioma seleccionado. ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
cuando terminemos el nivel que se nos muestre una pantalla de: "CONGRATULATIONS, YOU WON!". y luego vuelva al menu principal, si.
User prompt
cuando completamos el nivel que volvamos al menu principal
User prompt
dodne apunta el icono del asset: mouse, esta al revez, corrigelo ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
el asset: "mouse" esta mirado de abajo, quiero que dependiendo de a donde vaya, la imagen apunte a ese lado. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
en el menu de inicio en vez de que aparezca el texto: laberito, que en lugar de eso aparezca el asset: titulo
User prompt
que haya una pantalla de inicio con un boton llamado: "JUGAR" y al presionarlo que comienze el juego.
User prompt
cuando derrotemos alas panteras que aparezca un mensaje que diga que tenemos que tener en nuestro inventario 10 pastafrolas, si no las tenemos no podemos ganar,
User prompt
despues de derrotar a las panteras que aparezca un mensaje ue diga que tenemos que tener 10 pastafrolas en nuestro inventario, solo despues de obtener las 10 se abrirla la puerta, y podremos completar el nivel.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
language: "spanish"
});
/****
* Classes
****/
var Door = Container.expand(function () {
var self = Container.call(this);
var doorGraphics = self.attachAsset('door', {
anchorX: 0.5,
anchorY: 0.5
});
self.locked = true;
self.update = function () {
if (self.locked && panterasDefeated >= 2 && mouse.pastafrolas >= 10) {
self.locked = false;
doorGraphics.tint = 0x90EE90; // Light green when unlocked
}
if (!self.locked && self.intersects(mouse)) {
// Show congratulations screen
showCongratulationsScreen();
}
};
return self;
});
// Game constants
var Mouse = Container.expand(function () {
var self = Container.call(this);
var mouseGraphics = self.attachAsset('mouse', {
anchorX: 0.5,
anchorY: 0.5
});
self.isMoving = false;
self.targetX = 0;
self.targetY = 0;
self.speed = 8;
self.pastafrolas = 0;
self.moveTo = function (x, y) {
var adjustedY = y - MAZE_OFFSET_Y;
var gridX = Math.floor(x / CELL_SIZE);
var gridY = Math.floor(adjustedY / CELL_SIZE);
if (isWalkable(gridX, gridY)) {
self.targetX = x;
self.targetY = y;
self.isMoving = true;
}
};
self.update = function () {
if (self.isMoving) {
var dx = self.targetX - self.x;
var dy = self.targetY - self.y;
var distance = Math.sqrt(dx * dx + dy * dy);
// Calculate rotation angle based on movement direction
var targetRotation = Math.atan2(dy, dx) + Math.PI / 2 + Math.PI; // Add PI/2 because mouse starts pointing down, plus PI to correct direction
tween(mouseGraphics, {
rotation: targetRotation
}, {
duration: 150,
easing: tween.easeOut
});
if (distance < self.speed) {
self.x = self.targetX;
self.y = self.targetY;
self.isMoving = false;
} else {
var newX = self.x + dx / distance * self.speed;
var newY = self.y + dy / distance * self.speed;
var adjustedY = newY - MAZE_OFFSET_Y;
var gridX = Math.floor(newX / CELL_SIZE);
var gridY = Math.floor(adjustedY / CELL_SIZE);
// Check collision during movement
if (isWalkable(gridX, gridY)) {
self.x = newX;
self.y = newY;
} else {
// Stop movement if hitting wall
self.isMoving = false;
}
}
}
};
return self;
});
var Pantera = Container.expand(function () {
var self = Container.call(this);
var panteraGraphics = self.attachAsset('pantera', {
anchorX: 0.5,
anchorY: 0.5
});
self.health = 100;
self.maxHealth = 100;
self.defeated = false;
self.takeDamage = function (damage) {
if (!self.defeated) {
self.health -= damage;
LK.getSound('hit').play();
if (self.health <= 0) {
self.health = 0;
self.defeated = true;
self.visible = false;
panterasDefeated++;
// Spawn new pastafrola when pantera is defeated
spawnPastafrola();
}
// Visual feedback
LK.effects.flashObject(self, 0xFF0000, 300);
}
};
self.down = function (x, y, obj) {
if (!self.defeated && mouse.pastafrolas > 0) {
mouse.pastafrolas--;
self.takeDamage(20);
LK.getSound('attack').play();
updateUI();
}
};
return self;
});
var Pastafrola = Container.expand(function () {
var self = Container.call(this);
var pastaGraphics = self.attachAsset('pastafrola', {
anchorX: 0.5,
anchorY: 0.5
});
self.collected = false;
self.update = function () {
if (!self.collected && self.intersects(mouse)) {
self.collected = true;
mouse.pastafrolas++;
pastafrolarCollas++;
LK.getSound('collect').play();
self.visible = false;
updateUI();
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x8B4513
});
/****
* Game Code
****/
// Game state management
var gameStarted = false;
var startButton;
var languageButton;
var tutorialButton;
var showingLanguageMenu = false;
var currentLanguage = storage.language || 'spanish';
// Timer variables
var gameTimer = 120000; // 2 minutes in milliseconds
var gameStartTime = 0;
var timeRemainingText;
// Translations object
var translations = {
spanish: {
play: 'JUGAR',
language: 'LENGUAJE',
tutorial: 'TUTORIAL',
selectLanguage: 'SELECCIONA IDIOMA',
spanish: 'ESPAÑOL',
english: 'INGLÉS',
congratulations: 'FELICIDADES',
youWon: '¡GANASTE!',
pastafrolas: 'Pastafrolas',
panteras: 'Panteras',
instructionCollect: 'Haz clic para moverte. ¡Recoge pastafrolas y derrota panteras!',
instructionDefeat: '¡Derrota todas las panteras primero!',
instructionNeed10: '¡Necesitas 10 pastafrolas en tu inventario!',
instructionComplete: '¡Todos los objetivos completados! ¡Ve a la puerta verde!',
allDefeated: '¡Todas las panteras derrotadas! Necesitas tener 10 pastafrolas en tu inventario para abrir la puerta',
defeatEnemy: 'Derrota al enemigo de esta zona para continuar',
tutorialText: 'Para moverte presiona el lugar donde quieras ir, para ganar derrota a los enemigos lanzándoles pastafrolas, recoléctalas pasando sobre ellas, y lánzaselas presionando al enemigo que quieras atacar! Tienes un contador que te indica cuantas pastafrolas tienes recolectadas.',
defeat: 'PERDISTE!',
betterNextTime: 'mejor la próxima vez',
timeRemaining: 'Tiempo restante'
},
english: {
play: 'PLAY',
language: 'LANGUAGE',
tutorial: 'TUTORIAL',
selectLanguage: 'SELECT LANGUAGE',
spanish: 'SPANISH',
english: 'ENGLISH',
congratulations: 'CONGRATULATIONS',
youWon: 'YOU WON!',
pastafrolas: 'Pastafrolas',
panteras: 'Panthers',
instructionCollect: 'Click to move. Collect pastafrolas and defeat panthers!',
instructionDefeat: 'Defeat all panthers first!',
instructionNeed10: 'You need 10 pastafrolas in your inventory!',
instructionComplete: 'All objectives complete! Head to the green door!',
allDefeated: 'All panthers defeated! You need to have 10 pastafrolas in your inventory to open the door',
defeatEnemy: 'Defeat the enemy in this area to continue',
tutorialText: 'To move press the place where you want to go, to win defeat the enemies by throwing pastafrolas at them, collect them by passing over them, and throw them by pressing the enemy you want to attack! You have a counter that indicates how many pastafrolas you have collected.',
defeat: 'YOU LOST!',
betterNextTime: 'better luck next time',
timeRemaining: 'Time remaining'
}
};
function getText(key) {
return translations[currentLanguage][key] || key;
}
// Game constants
var CELL_SIZE = 102;
var MAZE_WIDTH = 20;
var MAZE_HEIGHT = 22;
var MAZE_OFFSET_Y = 300; // Vertical offset to move maze down
// Game variables
var mouse;
var door;
var pastafrolas = [];
var panteras = [];
var pastafrolarCollas = 0;
var panterasDefeated = 0;
var lastPanterasDefeated = 0; // Track last pantera count to detect changes
// UI elements
var pastafrolarText;
var panteraText;
var instructionText;
var notificationText;
// Simple maze layout (1 = wall, 0 = walkable)
var mazeData = [[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], [1, 0, 1, 0, 1, 0, 1, 1, 1, 1, 1, 1, 1, 0, 1, 0, 1, 1, 0, 1], [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1], [1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 1, 0, 1, 1, 1, 0, 1, 0, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1], [1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 1, 0, 1, 1, 1, 0, 1, 0, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1], [1, 0, 1, 0, 1, 0, 1, 1, 1, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1], [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1], [1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 1, 0, 1, 1, 1, 0, 1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 1], [1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 1, 0, 1, 1, 1, 0, 1, 0, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1], [1, 0, 1, 0, 1, 0, 1, 1, 1, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1], [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1], [1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 0, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]];
function showCongratulationsScreen() {
// Stop the game timer by setting gameStarted to false
gameStarted = false;
// Hide UI counters immediately
if (pastafrolarText && pastafrolarText.parent) {
pastafrolarText.visible = false;
}
if (panteraText && panteraText.parent) {
panteraText.visible = false;
}
if (instructionText && instructionText.parent) {
instructionText.visible = false;
}
if (notificationText && notificationText.parent) {
notificationText.visible = false;
}
if (timeRemainingText && timeRemainingText.parent) {
timeRemainingText.visible = false;
}
// Create congratulations background
var congratsBackground = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 25,
scaleY: 35,
tint: 0x000000,
alpha: 0.8
});
game.addChild(congratsBackground);
// Create congratulations title
var congratsTitle = new Text2(getText('congratulations'), {
size: 120,
fill: 0xFFD700
});
congratsTitle.anchor.set(0.5, 0.5);
congratsTitle.x = 1024;
congratsTitle.y = 1200;
game.addChild(congratsTitle);
// Create you won text
var youWonText = new Text2(getText('youWon'), {
size: 100,
fill: 0x00FF00
});
youWonText.anchor.set(0.5, 0.5);
youWonText.x = 1024;
youWonText.y = 1400;
game.addChild(youWonText);
// Calculate and display remaining time
var currentTime = Date.now();
var elapsedTime = currentTime - gameStartTime;
var timeLeft = Math.max(0, gameTimer - elapsedTime);
var secondsLeft = Math.ceil(timeLeft / 1000);
var minutes = Math.floor(secondsLeft / 60);
var seconds = secondsLeft % 60;
var timeLeftStr = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
// Create time remaining text
var timeLeftText = new Text2(getText('timeRemaining') + ': ' + timeLeftStr, {
size: 80,
fill: 0xFFD700
});
timeLeftText.anchor.set(0.5, 0.5);
timeLeftText.x = 1024;
timeLeftText.y = 1550;
game.addChild(timeLeftText);
// Automatically return to menu after 3 seconds
LK.setTimeout(function () {
// Remove congratulations screen elements
if (congratsBackground.parent) game.removeChild(congratsBackground);
if (congratsTitle.parent) game.removeChild(congratsTitle);
if (youWonText.parent) game.removeChild(youWonText);
if (timeLeftText.parent) game.removeChild(timeLeftText);
// Reset game state and return to main menu
resetGameState();
showStartScreen();
}, 3000);
}
function showDefeatScreen() {
// Hide UI counters immediately
if (pastafrolarText && pastafrolarText.parent) {
pastafrolarText.visible = false;
}
if (panteraText && panteraText.parent) {
panteraText.visible = false;
}
if (instructionText && instructionText.parent) {
instructionText.visible = false;
}
if (notificationText && notificationText.parent) {
notificationText.visible = false;
}
if (timeRemainingText && timeRemainingText.parent) {
timeRemainingText.visible = false;
}
// Create defeat background
var defeatBackground = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 25,
scaleY: 35,
tint: 0x000000,
alpha: 0.8
});
game.addChild(defeatBackground);
// Create defeat title
var defeatTitle = new Text2(getText('defeat'), {
size: 120,
fill: 0xFF4444
});
defeatTitle.anchor.set(0.5, 0.5);
defeatTitle.x = 1024;
defeatTitle.y = 1200;
game.addChild(defeatTitle);
// Create better next time text
var betterNextTimeText = new Text2(getText('betterNextTime'), {
size: 80,
fill: 0xFFFFFF
});
betterNextTimeText.anchor.set(0.5, 0.5);
betterNextTimeText.x = 1024;
betterNextTimeText.y = 1400;
game.addChild(betterNextTimeText);
// Automatically return to menu after 3 seconds
LK.setTimeout(function () {
// Remove defeat screen elements
if (defeatBackground.parent) game.removeChild(defeatBackground);
if (defeatTitle.parent) game.removeChild(defeatTitle);
if (betterNextTimeText.parent) game.removeChild(betterNextTimeText);
// Reset game state and return to main menu
resetGameState();
showStartScreen();
}, 3000);
}
function showStartScreen() {
// Create start screen title using titulo asset
var titleText = LK.getAsset('titulo', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 800,
scaleX: 1.3,
scaleY: 1.3
});
game.addChild(titleText);
// Add pulsing animation to title
function animateTitle() {
tween(titleText, {
scaleX: 1.5,
scaleY: 1.5
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
tween(titleText, {
scaleX: 1.3,
scaleY: 1.3
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: animateTitle
});
}
});
}
animateTitle();
// Create JUGAR button
startButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1200,
scaleX: 4.5,
scaleY: 1.5,
tint: 0x4CAF50
});
game.addChild(startButton);
// Create button text
var buttonText = new Text2(getText('play'), {
size: 80,
fill: 0xFFFFFF
});
buttonText.anchor.set(0.5, 0.5);
buttonText.x = 1024;
buttonText.y = 1200;
game.addChild(buttonText);
// Create LANGUAGE button
languageButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1400,
scaleX: 5,
scaleY: 1.5,
tint: 0x2196F3
});
game.addChild(languageButton);
// Create language button text
var languageButtonText = new Text2(getText('language'), {
size: 80,
fill: 0xFFFFFF
});
languageButtonText.anchor.set(0.5, 0.5);
languageButtonText.x = 1024;
languageButtonText.y = 1400;
game.addChild(languageButtonText);
// Create TUTORIAL button
tutorialButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1600,
scaleX: 4.5,
scaleY: 1.5,
tint: 0xFF9800
});
game.addChild(tutorialButton);
// Create tutorial button text
var tutorialButtonText = new Text2(getText('tutorial'), {
size: 80,
fill: 0xFFFFFF
});
tutorialButtonText.anchor.set(0.5, 0.5);
tutorialButtonText.x = 1024;
tutorialButtonText.y = 1600;
game.addChild(tutorialButtonText);
// Add click handler to start button
startButton.down = function (x, y, obj) {
gameStarted = true;
// Remove start screen elements
game.removeChild(titleText);
game.removeChild(startButton);
game.removeChild(buttonText);
game.removeChild(languageButton);
game.removeChild(languageButtonText);
game.removeChild(tutorialButton);
game.removeChild(tutorialButtonText);
// Initialize the actual game
initializeGame();
};
// Add click handler to language button
languageButton.down = function (x, y, obj) {
// Remove start screen elements
game.removeChild(titleText);
game.removeChild(startButton);
game.removeChild(buttonText);
game.removeChild(languageButton);
game.removeChild(languageButtonText);
game.removeChild(tutorialButton);
game.removeChild(tutorialButtonText);
// Show language selection screen
showLanguageScreen();
};
// Add click handler to tutorial button
tutorialButton.down = function (x, y, obj) {
// Remove start screen elements
game.removeChild(titleText);
game.removeChild(startButton);
game.removeChild(buttonText);
game.removeChild(languageButton);
game.removeChild(languageButtonText);
game.removeChild(tutorialButton);
game.removeChild(tutorialButtonText);
// Show tutorial screen
showTutorialScreen();
};
}
function showLanguageScreen() {
showingLanguageMenu = true;
// Create title
var languageTitle = new Text2(getText('selectLanguage'), {
size: 100,
fill: 0xFFFFFF
});
languageTitle.anchor.set(0.5, 0.5);
languageTitle.x = 1024;
languageTitle.y = 800;
game.addChild(languageTitle);
// Create Spanish button
var spanishButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1100,
scaleX: 3,
scaleY: 1.5,
tint: currentLanguage === 'spanish' ? 0x4CAF50 : 0x757575
});
game.addChild(spanishButton);
var spanishButtonText = new Text2(getText('spanish'), {
size: 70,
fill: 0xFFFFFF
});
spanishButtonText.anchor.set(0.5, 0.5);
spanishButtonText.x = 1024;
spanishButtonText.y = 1100;
game.addChild(spanishButtonText);
// Create English button
var englishButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1300,
scaleX: 3,
scaleY: 1.5,
tint: currentLanguage === 'english' ? 0x4CAF50 : 0x757575
});
game.addChild(englishButton);
var englishButtonText = new Text2(getText('english'), {
size: 70,
fill: 0xFFFFFF
});
englishButtonText.anchor.set(0.5, 0.5);
englishButtonText.x = 1024;
englishButtonText.y = 1300;
game.addChild(englishButtonText);
// Spanish button click handler
spanishButton.down = function (x, y, obj) {
currentLanguage = 'spanish';
storage.language = 'spanish';
// Remove language screen elements
game.removeChild(languageTitle);
game.removeChild(spanishButton);
game.removeChild(spanishButtonText);
game.removeChild(englishButton);
game.removeChild(englishButtonText);
showingLanguageMenu = false;
// Return to start screen
showStartScreen();
};
// English button click handler
englishButton.down = function (x, y, obj) {
currentLanguage = 'english';
storage.language = 'english';
// Remove language screen elements
game.removeChild(languageTitle);
game.removeChild(spanishButton);
game.removeChild(spanishButtonText);
game.removeChild(englishButton);
game.removeChild(englishButtonText);
showingLanguageMenu = false;
// Return to start screen
showStartScreen();
};
}
function showTutorialScreen() {
// Create tutorial background
var tutorialBackground = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 24,
scaleY: 32,
tint: 0x1A1A1A,
alpha: 0.9
});
game.addChild(tutorialBackground);
// Create tutorial title
var tutorialTitle = new Text2(getText('tutorial'), {
size: 100,
fill: 0xFFD700
});
tutorialTitle.anchor.set(0.5, 0.5);
tutorialTitle.x = 1024;
tutorialTitle.y = 400;
game.addChild(tutorialTitle);
// Create tutorial text - break into multiple lines for better readability
var tutorialText = new Text2(getText('tutorialText'), {
size: 50,
fill: 0xFFFFFF,
wordWrap: true,
wordWrapWidth: 1800
});
tutorialText.anchor.set(0.5, 0.5);
tutorialText.x = 1024;
tutorialText.y = 1000;
game.addChild(tutorialText);
// Create back button
var backButton = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1700,
scaleX: 2.5,
scaleY: 1.2,
tint: 0x4CAF50
});
game.addChild(backButton);
// Create back button text
var backButtonText = new Text2(currentLanguage === 'spanish' ? 'VOLVER' : 'BACK', {
size: 60,
fill: 0xFFFFFF
});
backButtonText.anchor.set(0.5, 0.5);
backButtonText.x = 1024;
backButtonText.y = 1700;
game.addChild(backButtonText);
// Add click handler to back button
backButton.down = function (x, y, obj) {
// Remove tutorial screen elements
game.removeChild(tutorialBackground);
game.removeChild(tutorialTitle);
game.removeChild(tutorialText);
game.removeChild(backButton);
game.removeChild(backButtonText);
// Return to start screen
showStartScreen();
};
}
function initializeGame() {
// Build the maze
for (var y = 0; y < MAZE_HEIGHT; y++) {
for (var x = 0; x < MAZE_WIDTH; x++) {
if (y < mazeData.length && mazeData[y][x] === 1) {
var wall = LK.getAsset('wall', {
anchorX: 0.5,
anchorY: 0.5,
x: x * CELL_SIZE + CELL_SIZE / 2,
y: y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y
});
game.addChild(wall);
} else if (y < mazeData.length) {
var floor = LK.getAsset('floor', {
anchorX: 0.5,
anchorY: 0.5,
x: x * CELL_SIZE + CELL_SIZE / 2,
y: y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y
});
game.addChild(floor);
}
}
}
// Create mouse
mouse = new Mouse();
mouse.x = 1.5 * CELL_SIZE;
mouse.y = 1.5 * CELL_SIZE + MAZE_OFFSET_Y;
game.addChild(mouse);
// Create door at the bottom right
door = new Door();
door.x = 18 * CELL_SIZE + CELL_SIZE / 2;
door.y = (MAZE_HEIGHT - 2) * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y;
game.addChild(door);
// Spawn initial pastafrolas
for (var i = 0; i < 20; i++) {
spawnPastafrola();
}
// Spawn 2 panteras in strategic positions
var panteraPositions = [{
x: 5,
y: 5
}, {
x: 15,
y: 8
}];
for (var i = 0; i < panteraPositions.length; i++) {
var pos = panteraPositions[i];
if (isWalkable(pos.x, pos.y)) {
var pantera = new Pantera();
pantera.x = pos.x * CELL_SIZE + CELL_SIZE / 2;
pantera.y = pos.y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y;
panteras.push(pantera);
game.addChild(pantera);
}
}
// Setup UI - all elements in top area to avoid click interference
pastafrolarText = new Text2(getText('pastafrolas') + ': 0', {
size: 60,
fill: 0xFFFFFF
});
pastafrolarText.anchor.set(0.5, 0);
pastafrolarText.y = 0; // At very top
LK.gui.top.addChild(pastafrolarText);
// Add panteras defeated text below pastafrolas text
panteraText = new Text2(getText('panteras') + ': 0/2', {
size: 50,
fill: 0xFFFFFF
});
panteraText.anchor.set(0.5, 0);
panteraText.y = 70; // Below pastafrola text
LK.gui.top.addChild(panteraText);
instructionText = new Text2(getText('instructionCollect'), {
size: 40,
fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0);
instructionText.y = 130; // Below pantera text
LK.gui.top.addChild(instructionText);
notificationText = new Text2('', {
size: 45,
fill: 0xFF4444
});
notificationText.anchor.set(0.5, 1);
notificationText.visible = false;
LK.gui.bottom.addChild(notificationText);
// Initialize game timer
gameStartTime = Date.now();
// Create time remaining display
timeRemainingText = new Text2(getText('timeRemaining') + ': 2:00', {
size: 50,
fill: 0xFFFFFF
});
timeRemainingText.anchor.set(0.5, 0);
timeRemainingText.y = 180; // Below instruction text
LK.gui.top.addChild(timeRemainingText);
// Update UI
updateUI();
}
// Show start screen initially
showStartScreen();
function isWalkable(gridX, gridY) {
if (gridX < 0 || gridX >= MAZE_WIDTH || gridY < 0 || gridY >= MAZE_HEIGHT) {
return false;
}
return mazeData[gridY][gridX] === 0;
}
var barriers = []; // Global array to track barriers
function canAccessArea(gridX, gridY) {
// Define restricted areas that unlock as panteras are defeated
var restrictedAreas = [{
minX: 0,
maxX: 6,
minY: 0,
maxY: 8,
requiredDefeats: 0
},
// Starting area
{
minX: 7,
maxX: 13,
minY: 0,
maxY: 8,
requiredDefeats: 1
},
// Second area
{
minX: 14,
maxX: 19,
minY: 0,
maxY: 8,
requiredDefeats: 2
},
// Third area
{
minX: 0,
maxX: 6,
minY: 9,
maxY: 17,
requiredDefeats: 2
},
// Fourth area
{
minX: 7,
maxX: 13,
minY: 9,
maxY: 17,
requiredDefeats: 3
},
// Fifth area
{
minX: 14,
maxX: 19,
minY: 9,
maxY: 17,
requiredDefeats: 4
},
// Sixth area
{
minX: 0,
maxX: 19,
minY: 18,
maxY: 26,
requiredDefeats: 5
} // Final area
];
for (var i = 0; i < restrictedAreas.length; i++) {
var area = restrictedAreas[i];
if (gridX >= area.minX && gridX <= area.maxX && gridY >= area.minY && gridY <= area.maxY) {
if (panterasDefeated < area.requiredDefeats) {
showNotification(getText('defeatEnemy'));
return false;
}
return true;
}
}
return true; // Default allow access
}
function createBarriers() {
// Create barriers at area boundaries
var barrierPositions = [
// Vertical barrier between areas 1 and 2
{
x: 6,
y: 1
}, {
x: 6,
y: 2
}, {
x: 6,
y: 3
}, {
x: 6,
y: 4
}, {
x: 6,
y: 5
}, {
x: 6,
y: 6
}, {
x: 6,
y: 7
},
// Vertical barrier between areas 2 and 3
{
x: 13,
y: 1
}, {
x: 13,
y: 2
}, {
x: 13,
y: 3
}, {
x: 13,
y: 4
}, {
x: 13,
y: 5
}, {
x: 13,
y: 6
}, {
x: 13,
y: 7
},
// Horizontal barrier between upper and middle sections
{
x: 1,
y: 8
}, {
x: 2,
y: 8
}, {
x: 3,
y: 8
}, {
x: 4,
y: 8
}, {
x: 5,
y: 8
}, {
x: 7,
y: 8
}, {
x: 8,
y: 8
}, {
x: 9,
y: 8
}, {
x: 10,
y: 8
}, {
x: 11,
y: 8
}, {
x: 12,
y: 8
}, {
x: 14,
y: 8
}, {
x: 15,
y: 8
}, {
x: 16,
y: 8
}, {
x: 17,
y: 8
}, {
x: 18,
y: 8
},
// Vertical barriers in middle section
{
x: 6,
y: 10
}, {
x: 6,
y: 11
}, {
x: 6,
y: 13
}, {
x: 6,
y: 14
}, {
x: 6,
y: 15
}, {
x: 6,
y: 16
}, {
x: 13,
y: 10
}, {
x: 13,
y: 11
}, {
x: 13,
y: 13
}, {
x: 13,
y: 14
}, {
x: 13,
y: 15
}, {
x: 13,
y: 16
},
// Horizontal barrier between middle and bottom sections
{
x: 1,
y: 17
}, {
x: 2,
y: 17
}, {
x: 3,
y: 17
}, {
x: 4,
y: 17
}, {
x: 5,
y: 17
}, {
x: 6,
y: 17
}, {
x: 7,
y: 17
}, {
x: 8,
y: 17
}, {
x: 9,
y: 17
}, {
x: 10,
y: 17
}, {
x: 11,
y: 17
}, {
x: 12,
y: 17
}, {
x: 13,
y: 17
}, {
x: 14,
y: 17
}, {
x: 15,
y: 17
}, {
x: 16,
y: 17
}, {
x: 17,
y: 17
}, {
x: 18,
y: 17
}];
for (var i = 0; i < barrierPositions.length; i++) {
var pos = barrierPositions[i];
if (isWalkable(pos.x, pos.y)) {
var barrier = LK.getAsset('barrier', {
anchorX: 0.5,
anchorY: 0.5,
x: pos.x * CELL_SIZE + CELL_SIZE / 2,
y: pos.y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y,
alpha: 0.7
});
barriers.push(barrier);
game.addChild(barrier);
}
}
}
function updateBarrierVisibility() {
// Hide barriers in unlocked areas
for (var i = 0; i < barriers.length; i++) {
var barrier = barriers[i];
var gridX = Math.floor((barrier.x - CELL_SIZE / 2) / CELL_SIZE);
var gridY = Math.floor((barrier.y - CELL_SIZE / 2 - MAZE_OFFSET_Y) / CELL_SIZE);
// Check if this barrier should be visible based on area access
var shouldShow = !canAccessAreaSilent(gridX, gridY);
barrier.visible = shouldShow;
}
}
function canAccessAreaSilent(gridX, gridY) {
// Same as canAccessArea but without showing notification
var restrictedAreas = [{
minX: 0,
maxX: 6,
minY: 0,
maxY: 8,
requiredDefeats: 0
}, {
minX: 7,
maxX: 13,
minY: 0,
maxY: 8,
requiredDefeats: 1
}, {
minX: 14,
maxX: 19,
minY: 0,
maxY: 8,
requiredDefeats: 2
}, {
minX: 0,
maxX: 6,
minY: 9,
maxY: 17,
requiredDefeats: 2
}, {
minX: 7,
maxX: 13,
minY: 9,
maxY: 17,
requiredDefeats: 3
}, {
minX: 14,
maxX: 19,
minY: 9,
maxY: 17,
requiredDefeats: 4
}, {
minX: 0,
maxX: 19,
minY: 18,
maxY: 26,
requiredDefeats: 5
}];
for (var i = 0; i < restrictedAreas.length; i++) {
var area = restrictedAreas[i];
if (gridX >= area.minX && gridX <= area.maxX && gridY >= area.minY && gridY <= area.maxY) {
return panterasDefeated >= area.requiredDefeats;
}
}
return true;
}
function getRandomWalkablePosition() {
var attempts = 0;
while (attempts < 100) {
var x = Math.floor(Math.random() * MAZE_WIDTH);
var y = Math.floor(Math.random() * MAZE_HEIGHT);
if (isWalkable(x, y)) {
return {
x: x * CELL_SIZE + CELL_SIZE / 2,
y: y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y
};
}
attempts++;
}
return {
x: 1.5 * CELL_SIZE,
y: 1.5 * CELL_SIZE + MAZE_OFFSET_Y
}; // Fallback position
}
function getRandomWalkablePositionIncludingRestricted() {
var attempts = 0;
while (attempts < 100) {
var x = Math.floor(Math.random() * MAZE_WIDTH);
var y = Math.floor(Math.random() * MAZE_HEIGHT);
// Allow spawning in any walkable area, including restricted ones
if (isWalkable(x, y)) {
return {
x: x * CELL_SIZE + CELL_SIZE / 2,
y: y * CELL_SIZE + CELL_SIZE / 2 + MAZE_OFFSET_Y
};
}
attempts++;
}
return {
x: 1.5 * CELL_SIZE,
y: 1.5 * CELL_SIZE + MAZE_OFFSET_Y
}; // Fallback position
}
function spawnPastafrola() {
var position = getRandomWalkablePositionIncludingRestricted();
var pastafrola = new Pastafrola();
pastafrola.x = position.x;
pastafrola.y = position.y;
pastafrolas.push(pastafrola);
game.addChild(pastafrola);
}
function resetGameState() {
// Reset game state
gameStarted = false;
pastafrolarCollas = 0;
panterasDefeated = 0;
lastPanterasDefeated = 0;
gameTimer = 120000;
gameStartTime = 0;
// Clear all game objects
if (mouse) {
game.removeChild(mouse);
mouse = null;
}
if (door) {
game.removeChild(door);
door = null;
}
// Clear arrays and remove objects
for (var i = 0; i < pastafrolas.length; i++) {
if (pastafrolas[i].parent) {
game.removeChild(pastafrolas[i]);
}
}
pastafrolas = [];
for (var i = 0; i < panteras.length; i++) {
if (panteras[i].parent) {
game.removeChild(panteras[i]);
}
}
panteras = [];
for (var i = 0; i < barriers.length; i++) {
if (barriers[i].parent) {
game.removeChild(barriers[i]);
}
}
barriers = [];
// Clear UI elements
if (pastafrolarText && pastafrolarText.parent) {
LK.gui.top.removeChild(pastafrolarText);
pastafrolarText = null;
}
if (panteraText && panteraText.parent) {
LK.gui.top.removeChild(panteraText);
panteraText = null;
}
if (instructionText && instructionText.parent) {
LK.gui.top.removeChild(instructionText);
instructionText = null;
}
if (notificationText && notificationText.parent) {
LK.gui.bottom.removeChild(notificationText);
notificationText = null;
}
if (timeRemainingText && timeRemainingText.parent) {
LK.gui.top.removeChild(timeRemainingText);
timeRemainingText = null;
}
// Clear all remaining children from game - create a copy of the array to avoid modification during iteration
var childrenToRemove = [];
for (var i = 0; i < game.children.length; i++) {
childrenToRemove.push(game.children[i]);
}
for (var i = 0; i < childrenToRemove.length; i++) {
if (childrenToRemove[i].parent === game) {
game.removeChild(childrenToRemove[i]);
}
}
}
function showNotification(message) {
if (notificationText) {
notificationText.setText(message);
notificationText.visible = true;
LK.setTimeout(function () {
if (notificationText) {
notificationText.visible = false;
}
}, 2000);
}
}
function updateUI() {
pastafrolarText.setText(getText('pastafrolas') + ': ' + mouse.pastafrolas);
panteraText.setText(getText('panteras') + ': ' + panterasDefeated + '/2');
if (panterasDefeated < 2) {
instructionText.setText(getText('instructionDefeat') + ' (' + panterasDefeated + '/2)');
} else if (mouse.pastafrolas < 10) {
instructionText.setText(getText('instructionNeed10') + ' (' + mouse.pastafrolas + '/10)');
} else {
instructionText.setText(getText('instructionComplete'));
}
}
// Game initialization now handled by start screen
// Game controls
game.down = function (x, y, obj) {
if (gameStarted && mouse) {
mouse.moveTo(x, y);
}
};
// Main game loop
game.update = function () {
if (!gameStarted) return;
// Update timer
var currentTime = Date.now();
var elapsedTime = currentTime - gameStartTime;
var timeLeft = Math.max(0, gameTimer - elapsedTime);
// Update timer display
if (timeRemainingText) {
var secondsLeft = Math.ceil(timeLeft / 1000);
var minutes = Math.floor(secondsLeft / 60);
var seconds = secondsLeft % 60;
var timeStr = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
timeRemainingText.setText(getText('timeRemaining') + ': ' + timeStr);
// Change color when time is running out
if (timeLeft <= 30000) {
// Last 30 seconds
timeRemainingText.tint = 0xFF4444;
} else if (timeLeft <= 60000) {
// Last minute
timeRemainingText.tint = 0xFFAA00;
} else {
timeRemainingText.tint = 0xFFFFFF;
}
}
// Check if time is up
if (timeLeft <= 0) {
showDefeatScreen();
return;
}
// Check if we just defeated all panteras (transition from not all defeated to all defeated)
if (lastPanterasDefeated < 2 && panterasDefeated >= 2) {
showNotification(getText('allDefeated'));
}
lastPanterasDefeated = panterasDefeated;
// Update mouse
if (mouse) {
mouse.update();
}
// Update pastafrolas
for (var i = 0; i < pastafrolas.length; i++) {
pastafrolas[i].update();
}
// Update panteras
for (var i = 0; i < panteras.length; i++) {
if (!panteras[i].defeated) {
// Simple AI: panteras don't move but can be clicked for combat
}
}
// Update door
if (door) {
door.update();
}
// Barrier visibility removed - no restrictions
// Spawn more pastafrolas if needed and not all collected
if (pastafrolarCollas < 10 && pastafrolas.filter(function (p) {
return !p.collected;
}).length < 15) {
if (Math.random() < 0.05) {
// 5% chance per frame
spawnPastafrola();
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -212,12 +212,12 @@
function getText(key) {
return translations[currentLanguage][key] || key;
}
// Game constants
-var CELL_SIZE = 80;
+var CELL_SIZE = 102;
var MAZE_WIDTH = 20;
var MAZE_HEIGHT = 22;
-var MAZE_OFFSET_Y = 200; // Vertical offset to move maze down
+var MAZE_OFFSET_Y = 300; // Vertical offset to move maze down
// Game variables
var mouse;
var door;
var pastafrolas = [];
@@ -668,10 +668,10 @@
}
}
// Create mouse
mouse = new Mouse();
- mouse.x = 150;
- mouse.y = 150 + MAZE_OFFSET_Y;
+ mouse.x = 1.5 * CELL_SIZE;
+ mouse.y = 1.5 * CELL_SIZE + MAZE_OFFSET_Y;
game.addChild(mouse);
// Create door at the bottom right
door = new Door();
door.x = 18 * CELL_SIZE + CELL_SIZE / 2;
@@ -1106,10 +1106,10 @@
}
attempts++;
}
return {
- x: 150,
- y: 150 + MAZE_OFFSET_Y
+ x: 1.5 * CELL_SIZE,
+ y: 1.5 * CELL_SIZE + MAZE_OFFSET_Y
}; // Fallback position
}
function getRandomWalkablePositionIncludingRestricted() {
var attempts = 0;
@@ -1125,10 +1125,10 @@
}
attempts++;
}
return {
- x: 150,
- y: 150 + MAZE_OFFSET_Y
+ x: 1.5 * CELL_SIZE,
+ y: 1.5 * CELL_SIZE + MAZE_OFFSET_Y
}; // Fallback position
}
function spawnPastafrola() {
var position = getRandomWalkablePositionIncludingRestricted();
Images
:quality(85)/https://cdn.frvr.ai/689b7b1041dce1d31e65d40b.png%3F3)
:quality(85)/https://cdn.frvr.ai/689b878841dce1d31e65d427.png%3F3)
:quality(85)/https://cdn.frvr.ai/689d33eb90392925e1067c59.png%3F3)
:quality(85)/https://cdn.frvr.ai/689fde0c3df89cdc2569fa6a.png%3F3)
:quality(85)/https://cdn.frvr.ai/689ff8cd013fc42d22cbe783.png%3F3)
:quality(85)/https://cdn.frvr.ai/689ff918013fc42d22cbe785.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a10bd33df89cdc2569fab4.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a10e3f3df89cdc2569faba.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a11491013fc42d22cbe7aa.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a117c4013fc42d22cbe7ae.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a11e923df89cdc2569fac9.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a11ea43df89cdc2569facb.png%3F3)
:quality(85)/https://cdn.frvr.ai/68a12ae53df89cdc2569fad7.png%3F3)
Sounds & Music
Used plugins
@upit/tween@upit/storage
