Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a39e16af7a49e831e5b27a.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a39e11af7a49e831e5b278.png)
#mathgames
#educational
#castle
#quiz
#adventure
#kids
#teach
#princess
#brain
Creation History
User prompt
add a second screen after pressin on start button on the first screen and then put in the middle of the screen 3 buttons easy medium hard
Code edit (1 edits merged)
Please save this source code
User prompt
on start screen where start button is make a new asset for only start button
User prompt
make different button on start the game button and change i icon like start symbol
User prompt
make first start game screen put a button start with icon to start the game
Code edit (3 edits merged)
Please save this source code
User prompt
at victory dont reset the game continue the game
User prompt
put timertext a little bit upside the question box
Code edit (3 edits merged)
Please save this source code
User prompt
make for every question 10 seconds timer and if not answering in time make it lose the game ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
make it 5 questions to complete the level
User prompt
when victory flash screen shows up put an image and below the image put a text writing YOU SAVED THE PRINCESS! ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
make a counter for each complete the ten questions correct raise the number ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
start playing the game-song1 at the start of the game and add an icon to the top right corner and on click to icon stop playin the music
Code edit (5 edits merged)
Please save this source code
User prompt
if the player didnt reach to the end flash a screen and a text that says You couldn't save the princess! ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
Code edit (1 edits merged)
Please save this source code
User prompt
Math Castle Quest
Initial prompt
create a mini game easy math question with 4 answers the one of them will be qorrect and make a man walking through a castle in 10 questions if the answer is correct make the person go step by step to castle. if the player completes the ten questions he will reach the castle and will go to next level to the second level.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var AnswerButton = Container.expand(function (answerText, isCorrect, onAnswerSelected) {
var self = Container.call(this);
var buttonGraphics = self.attachAsset('answerButton', {
anchorX: 0.5,
anchorY: 0.5
});
var buttonText = new Text2(answerText, {
size: 60,
fill: 0x000000
});
buttonText.anchor.set(0.5, 0.5);
self.addChild(buttonText);
self.isCorrect = isCorrect;
self.onAnswerSelected = onAnswerSelected;
self.down = function (x, y, obj) {
self.onAnswerSelected(self.isCorrect);
};
self.setCorrectStyle = function () {
buttonGraphics.tint = 0x00ff00;
};
self.setIncorrectStyle = function () {
buttonGraphics.tint = 0xff0000;
};
self.resetStyle = function () {
buttonGraphics.tint = 0xffffff;
};
return self;
});
var Castle = Container.expand(function () {
var self = Container.call(this);
var castleGraphics = self.attachAsset('castle', {
anchorX: 0.5,
anchorY: 1.0
});
return self;
});
var Character = Container.expand(function () {
var self = Container.call(this);
var characterGraphics = self.attachAsset('character', {
anchorX: 0.5,
anchorY: 1.0
});
self.moveToPosition = function (targetX) {
tween(self, {
x: targetX
}, {
duration: 1000,
easing: tween.easeInOut
});
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x87ceeb
});
/****
* Game Code
****/
// Game variables
var currentLevel = storage.currentLevel || 1;
var completedLevels = storage.completedLevels || 0;
var currentQuestion = 0;
var totalQuestions = 5;
var correctAnswers = 0;
var gameActive = false;
var questionTimer = null;
var timeLeft = 10;
var timerText = null;
// Math problem generation
var mathProblems = [];
var currentProblem = null;
// Game objects
var character = null;
var castle = null;
var ground = null;
var path = null;
var questionPanel = null;
var questionText = null;
var progressText = null;
var answerButtons = [];
// Positions
var startX = 200;
var endX = 1800;
var characterY = 2400;
var pathY = 2450;
// Initialize game elements
function initializeGame() {
// Create ground
ground = game.addChild(LK.getAsset('ground', {
anchorX: 0,
anchorY: 0,
x: 0,
y: 2470
}));
// Create path
path = game.addChild(LK.getAsset('path', {
anchorX: 0,
anchorY: 0.5,
x: 124,
y: pathY
}));
// Create character
character = game.addChild(new Character());
character.x = startX;
character.y = characterY;
// Create castle
castle = game.addChild(new Castle());
castle.x = endX;
castle.y = characterY;
// Create question panel
questionPanel = game.addChild(LK.getAsset('questionPanel', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1000
}));
questionPanel.alpha = 0.9;
// Create question text
questionText = new Text2('', {
size: 80,
fill: 0x000000
});
questionText.anchor.set(0.5, 0.5);
questionText.x = 1024;
questionText.y = 880;
game.addChild(questionText);
// Create progress text
progressText = new Text2('', {
size: 60,
fill: 0x2b2b2b
});
progressText.anchor.set(0.5, 0.5);
progressText.x = 1024;
progressText.y = 700;
game.addChild(progressText);
// Create timer text
timerText = new Text2('Time: 10', {
size: 70,
fill: 0xff0000
});
timerText.anchor.set(0.5, 0.5);
timerText.x = 1024;
timerText.y = 550;
game.addChild(timerText);
// Create completion counter text
var completionCounterText = new Text2('Princesses Saved: ' + completedLevels, {
size: 50,
fill: 0x000000
});
completionCounterText.anchor.set(0.5, 0.0);
completionCounterText.x = 1024;
completionCounterText.y = 50;
game.addChild(completionCounterText);
// Create answer buttons
var buttonPositions = [{
x: 512,
y: 1100
}, {
x: 1536,
y: 1100
}, {
x: 512,
y: 1300
}, {
x: 1536,
y: 1300
}];
for (var i = 0; i < 4; i++) {
var button = new AnswerButton('', false, onAnswerSelected);
button.x = buttonPositions[i].x;
button.y = buttonPositions[i].y;
answerButtons.push(button);
game.addChild(button);
}
// Create music toggle icon in top right corner
var musicIcon = new Text2('🎵', {
size: 80,
fill: 0x000000
});
musicIcon.anchor.set(1.0, 0.0);
musicIcon.x = 1948; // 100px from right edge (2048 - 100)
musicIcon.y = 100;
LK.gui.addChild(musicIcon);
// Add click handler to stop music
musicIcon.down = function (x, y, obj) {
LK.stopMusic();
};
generateMathProblems();
startNextQuestion();
}
function generateMathProblems() {
mathProblems = [];
for (var i = 0; i < totalQuestions; i++) {
var problem = generateMathProblem(currentLevel);
mathProblems.push(problem);
}
}
function generateMathProblem(level) {
var num1, num2, operation, correctAnswer, question;
if (level === 1) {
// Addition and subtraction up to 20
num1 = Math.floor(Math.random() * 20) + 1;
num2 = Math.floor(Math.random() * 20) + 1;
operation = Math.random() < 0.5 ? '+' : '-';
if (operation === '+') {
correctAnswer = num1 + num2;
question = num1 + ' + ' + num2 + ' = ?';
} else {
if (num1 < num2) {
var temp = num1;
num1 = num2;
num2 = temp;
}
correctAnswer = num1 - num2;
question = num1 + ' - ' + num2 + ' = ?';
}
} else if (level === 2) {
// Addition, subtraction, multiplication up to 100
var ops = ['+', '-', '*'];
operation = ops[Math.floor(Math.random() * ops.length)];
if (operation === '*') {
num1 = Math.floor(Math.random() * 12) + 1;
num2 = Math.floor(Math.random() * 12) + 1;
correctAnswer = num1 * num2;
question = num1 + ' × ' + num2 + ' = ?';
} else {
num1 = Math.floor(Math.random() * 50) + 1;
num2 = Math.floor(Math.random() * 50) + 1;
if (operation === '+') {
correctAnswer = num1 + num2;
question = num1 + ' + ' + num2 + ' = ?';
} else {
if (num1 < num2) {
var temp = num1;
num1 = num2;
num2 = temp;
}
correctAnswer = num1 - num2;
question = num1 + ' - ' + num2 + ' = ?';
}
}
} else {
// All operations with larger numbers
var ops = ['+', '-', '*', '/'];
operation = ops[Math.floor(Math.random() * ops.length)];
if (operation === '/') {
correctAnswer = Math.floor(Math.random() * 20) + 1;
num2 = Math.floor(Math.random() * 12) + 1;
num1 = correctAnswer * num2;
question = num1 + ' ÷ ' + num2 + ' = ?';
} else if (operation === '*') {
num1 = Math.floor(Math.random() * 25) + 1;
num2 = Math.floor(Math.random() * 25) + 1;
correctAnswer = num1 * num2;
question = num1 + ' × ' + num2 + ' = ?';
} else {
num1 = Math.floor(Math.random() * 100) + 1;
num2 = Math.floor(Math.random() * 100) + 1;
if (operation === '+') {
correctAnswer = num1 + num2;
question = num1 + ' + ' + num2 + ' = ?';
} else {
if (num1 < num2) {
var temp = num1;
num1 = num2;
num2 = temp;
}
correctAnswer = num1 - num2;
question = num1 + ' - ' + num2 + ' = ?';
}
}
}
// Generate wrong answers
var wrongAnswers = [];
var attempts = 0;
while (wrongAnswers.length < 3 && attempts < 20) {
var wrongAnswer;
var variation = Math.floor(Math.random() * 10) + 1;
if (Math.random() < 0.5) {
wrongAnswer = correctAnswer + variation;
} else {
wrongAnswer = correctAnswer - variation;
}
if (wrongAnswer !== correctAnswer && wrongAnswer > 0 && wrongAnswers.indexOf(wrongAnswer) === -1) {
wrongAnswers.push(wrongAnswer);
}
attempts++;
}
// Ensure we have exactly 3 wrong answers
while (wrongAnswers.length < 3) {
var fallbackWrong = correctAnswer + Math.floor(Math.random() * 20) - 10;
if (fallbackWrong !== correctAnswer && fallbackWrong > 0 && wrongAnswers.indexOf(fallbackWrong) === -1) {
wrongAnswers.push(fallbackWrong);
}
}
return {
question: question,
correctAnswer: correctAnswer,
wrongAnswers: wrongAnswers
};
}
function startTimer() {
timeLeft = 12;
timerText.setText('Time: ' + timeLeft);
timerText.tint = 0xff0000;
if (questionTimer) {
LK.clearInterval(questionTimer);
}
questionTimer = LK.setInterval(function () {
timeLeft--;
timerText.setText('Time: ' + timeLeft);
if (timeLeft <= 0) {
LK.clearInterval(questionTimer);
onTimeUp();
}
}, 1000);
}
function onTimeUp() {
if (!gameActive) {
return;
}
gameActive = false;
// Flash screen red and show game over
LK.effects.flashScreen(0xff0000, 2000);
// Create failure message text
var failureText = new Text2("Time's up! You couldn't save the princess!", {
size: 70,
fill: 0x000000
});
failureText.anchor.set(0.5, 0.5);
failureText.x = 1024;
failureText.y = 1566;
game.addChild(failureText);
// Animate the text to fade in and out
failureText.alpha = 0;
tween(failureText, {
alpha: 1
}, {
duration: 700,
easing: tween.easeIn,
onFinish: function onFinish() {
LK.setTimeout(function () {
tween(failureText, {
alpha: 0
}, {
duration: 700,
easing: tween.easeOut,
onFinish: function onFinish() {
failureText.destroy();
}
});
}, 1500);
}
});
LK.setTimeout(function () {
LK.showGameOver();
}, 3000);
}
function startNextQuestion() {
if (currentQuestion >= totalQuestions) {
if (questionTimer) {
LK.clearInterval(questionTimer);
}
completeLevel();
return;
}
currentProblem = mathProblems[currentQuestion];
// Update question text
questionText.setText(currentProblem.question);
progressText.setText('Question ' + (currentQuestion + 1) + ' of ' + totalQuestions);
// Create answer options
var answers = [currentProblem.correctAnswer].concat(currentProblem.wrongAnswers);
// Shuffle answers
for (var i = answers.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = answers[i];
answers[i] = answers[j];
answers[j] = temp;
}
// Set button texts and correct answer
for (var i = 0; i < 4; i++) {
answerButtons[i].children[1].setText(answers[i].toString());
answerButtons[i].isCorrect = answers[i] === currentProblem.correctAnswer;
answerButtons[i].resetStyle();
}
gameActive = true;
startTimer();
}
function onAnswerSelected(isCorrect) {
if (!gameActive) {
return;
}
gameActive = false;
if (questionTimer) {
LK.clearInterval(questionTimer);
}
// Show feedback on buttons
for (var i = 0; i < answerButtons.length; i++) {
if (answerButtons[i].isCorrect) {
answerButtons[i].setCorrectStyle();
} else {
answerButtons[i].setIncorrectStyle();
}
}
if (isCorrect) {
correctAnswers++;
LK.getSound('correct').play();
// Move character forward
var progress = correctAnswers / totalQuestions;
var targetX = startX + (endX - startX) * progress;
character.moveToPosition(targetX);
LK.setScore(LK.getScore() + 10 * currentLevel);
} else {
LK.getSound('incorrect').play();
}
// Wait before next question
LK.setTimeout(function () {
currentQuestion++;
startNextQuestion();
}, 2000);
}
function completeLevel() {
if (correctAnswers === totalQuestions) {
LK.getSound('victory').play();
// Flash screen with celebration color
LK.effects.flashScreen(0xffd700, 1500);
// Create princess image
var princessImage = game.addChild(LK.getAsset('princess', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1200
}));
princessImage.alpha = 0;
// Create victory text
var victoryText = new Text2("YOU SAVED THE PRINCESS!", {
size: 90,
fill: 0x000000
});
victoryText.anchor.set(0.5, 0.5);
victoryText.x = 1024;
victoryText.y = 1600;
victoryText.alpha = 0;
game.addChild(victoryText);
// Animate princess image and text to fade in
tween(princessImage, {
alpha: 1
}, {
duration: 1000,
easing: tween.easeIn
});
tween(victoryText, {
alpha: 1
}, {
duration: 1000,
easing: tween.easeIn
});
// Increment completion counter
completedLevels++;
storage.completedLevels = completedLevels;
// Update counter display
game.children.forEach(function (child) {
if (child.text && child.text.indexOf('Princesses Saved:') === 0) {
child.setText('Princesses Saved: ' + completedLevels);
}
});
// Level up
currentLevel++;
storage.currentLevel = currentLevel;
LK.setTimeout(function () {
// Fade out victory elements
tween(princessImage, {
alpha: 0
}, {
duration: 800,
easing: tween.easeOut,
onFinish: function onFinish() {
princessImage.destroy();
}
});
tween(victoryText, {
alpha: 0
}, {
duration: 800,
easing: tween.easeOut,
onFinish: function onFinish() {
victoryText.destroy();
}
});
// Wait a bit more before transitioning
LK.setTimeout(function () {
// Reset for next level
currentQuestion = 0;
correctAnswers = 0;
generateMathProblems();
character.x = startX;
startNextQuestion();
}, 1000);
}, 3000);
} else {
// Not all questions answered correctly, show failure message
LK.effects.flashScreen(0xff0000, 2000);
// Create failure message text
var failureText = new Text2("You couldn't save the princess!", {
size: 80,
fill: 0x000000
});
failureText.anchor.set(0.5, 0.5);
failureText.x = 1024;
failureText.y = 1566;
game.addChild(failureText);
// Animate the text to fade in and out
failureText.alpha = 0;
tween(failureText, {
alpha: 1
}, {
duration: 700,
easing: tween.easeIn,
onFinish: function onFinish() {
LK.setTimeout(function () {
tween(failureText, {
alpha: 0
}, {
duration: 700,
easing: tween.easeOut,
onFinish: function onFinish() {
failureText.destroy();
}
});
}, 1500);
}
});
LK.setTimeout(function () {
currentQuestion = 0;
correctAnswers = 0;
character.x = startX;
generateMathProblems();
startNextQuestion();
}, 3000);
}
}
// Play background music
LK.playMusic('game-song1');
// Initialize the game
initializeGame();
game.update = function () {
// Game update logic if needed
}; ===================================================================
--- original.js
+++ change.js
@@ -502,18 +502,14 @@
}
});
// Wait a bit more before transitioning
LK.setTimeout(function () {
- if (currentLevel <= 5) {
- // Reset for next level
- currentQuestion = 0;
- correctAnswers = 0;
- generateMathProblems();
- character.x = startX;
- startNextQuestion();
- } else {
- LK.showYouWin();
- }
+ // Reset for next level
+ currentQuestion = 0;
+ correctAnswers = 0;
+ generateMathProblems();
+ character.x = startX;
+ startNextQuestion();
}, 1000);
}, 3000);
} else {
// Not all questions answered correctly, show failure message
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a39fa5af7a49e831e5b293.png%3F3)
knight warrior. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a3a03baf7a49e831e5b29a.png%3F3)
add a princess at the middle top of the castle
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a3a0caaf7a49e831e5b2a4.png%3F3)
stone road. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/68a3a720af7a49e831e5b2bd.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68ace379932b1734d3bf5f8c.png%3F3)
Princess . No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/6975223abfe4a0a4567f3b65.png%3F3)
start button . No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/697938bd8e53edbcd601b20c.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6987a33c9158b892c54f2d7c.png%3F3)
rectangle red color. In-Game asset. 2d. High contrast. No shadows. rectangle red
:quality(85)/https:%2F%2Fcdn.frvr.ai/6987a3cae799f9d272a6a0b0.png%3F3)
rectangle purple color . No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/6987a42de799f9d272a6a0b8.png%3F3)
rectangle orange color no background. In-Game asset. 2d. High contrast. No shadows. ractangle
Sounds & Music
Used plugins
@upit/tween@upit/storage
