Upit | Learn about creating the game ParaPuzzles 👻 with gen AI

var triviaQuestions = [{
	question: 'What is the capital city of Australia?',
	answers: ['Sydney', 'Canberra', 'Melbourne'],
	correct: 1
}, {
	question: 'Who wrote the novel "1984"?',
	answers: ['George Orwell', 'J.K. Rowling', 'Ernest Hemingway'],
	correct: 0
}, {
	question: 'What is the largest mammal in the world?',
	answers: ['Elephant', 'Blue Whale', 'Giraffe'],
	correct: 1
}, {
	question: 'In which year did the Titanic sink?',
	answers: ['1912', '1923', '1905'],
	correct: 0
}, {
	question: 'Which planet is known as the Red Planet?',
	answers: ['Jupiter', 'Mars', 'Venus'],
	correct: 1
}, {
	question: 'Who painted the famous artwork "Starry Night"?',
	answers: ['Claude Monet', 'Vincent van Gogh', 'Pablo Picasso'],
	correct: 1
}, {
	question: 'What is the square root of 64?',
	answers: ['6', '8', '10'],
	correct: 1
}, {
	question: 'What is the main ingredient in guacamole?',
	answers: ['Tomato', 'Avocado', 'Onion'],
	correct: 1
}, {
	question: 'In which country would you find the Great Barrier Reef?',
	answers: ['Mexico', 'Australia', 'Brazil'],
	correct: 1
}, {
	question: 'The Pacific Garbage Patch is an accumulation of marine debris in which ocean?',
	answers: ['Atlantic Ocean', 'Indian Ocean', 'Pacific Ocean'],
	correct: 2
}, {
	question: 'How many Styrofoam cups do Americans throw away every year?',
	answers: ['15 trillion', '25 trillion', '35 trillion'],
	correct: 1
}];
var AnswerButton = Container.expand(function (text, index, callback) {
	var self = Container.call(this);
	self.index = index;
	var buttonText = new Text2(text, {
		size: 64.6,
		fill: '#000000',
		font: 'Times New Roman'
	});
	buttonText.anchor.set(0.5, 0.5);
	var buttonGraphics = self.createAsset('button', 'Answer Button', 0.5, 0.5);
	self.addChild(buttonGraphics);
	self.addChild(buttonText);
	self.on('down', function () {
		callback(index);
	});
});
var Ghost = Container.expand(function () {
	var self = Container.call(this);
	var ghostGraphics = self.createAsset('ghost', 'Ghost character', .5, .5);
	self.getGraphics = function () {
		return ghostGraphics;
	};
	self.sizeMultiplier = 1;
	self.checkSize = function () {
		if (self.sizeMultiplier >= 5) {
			LK.showGameOver();
		}
	};
	self.move = function () {};
	self.attack = function () {};
	self.update = function () {
		self.sizeMultiplier += 0.005;
		ghostGraphics.scale.set(self.sizeMultiplier);
		self.checkSize();
	};
});
var Hero = Container.expand(function () {
	var self = Container.call(this);
	var heroGraphics = self.createAsset('hero', 'Hero character', .5, .5);
	self.move = function () {};
	self.attack = function () {};
	self.update = function () {};
});
var Puzzle = Container.expand(function () {
	var self = Container.call(this);
	self.answerButtons = [];
	this.chosenQuestion = triviaQuestions[Math.floor(Math.random() * triviaQuestions.length)];
	self.questionText = new Text2(this.chosenQuestion.question, {
		size: 68,
		fill: '#000000',
		wordWrap: true,
		wordWrapWidth: 600,
		font: 'Times New Roman'
	});
	self.questionText.anchor.set(0.5, 0.5);
	self.questionText.x = 2048 / 4 - 800;
	self.questionText.y = 2732 / 3 + 550;
	LK.gui.topCenter.addChild(self.questionText);
	var buttonHeight = 100;
	var startY = self.questionText.y + self.questionText.height - 350;
	var positions = [];
	for (var i = 0; i < self.chosenQuestion.answers.length; i++) {
		positions.push(startY + i * (buttonHeight + 50));
	}
	for (var i = 0; i < self.chosenQuestion.answers.length; i++) {
		(function (index) {
			var answerButton = new AnswerButton(self.chosenQuestion.answers[index], index, function (buttonIndex) {
				if (index === self.chosenQuestion.correct) {
					LK.effects.flashScreen(0xffffff, 500);
					self.parent.ghost.sizeMultiplier = 1;
					self.parent.ghost.getGraphics().scale.set(self.parent.ghost.sizeMultiplier);
					self.parent.ghost.x = 2048 / 2;
					self.parent.ghost.y = 2732 / 4;
				} else {
					LK.effects.flashScreen(0xff0000, 500);
					LK.effects.shakeScreen(500);
				}
				self.answerButtons.forEach(function (button) {
					button.destroy();
				});
				self.answerButtons = [];
				self.parent.generateNewQuestion();
			});
			answerButton.x = 2048 / 2 - 700;
			answerButton.y = positions[index];
			self.answerButtons.push(answerButton);
			LK.gui.topCenter.addChild(answerButton);
		})(i);
	}
	self.puzzleGraphics = self.createAsset('puzzle', 'Puzzle element', .5, .5);
	self.solve = function (ghost) {
		self.removeChild(self.questionText);
		self.answerButtons.forEach(function (button) {
			button.destroy();
		});
		self.answerButtons = [];
		this.chosenQuestion = triviaQuestions[Math.floor(Math.random() * triviaQuestions.length)];
		self.questionText = new Text2(this.chosenQuestion.question, {
			size: 68,
			fill: '#000000',
			wordWrap: true,
			wordWrapWidth: 600,
			font: 'Times New Roman'
		});
		self.questionText.anchor.set(0.5, 0.5);
		self.questionText.x = 2048 / 4 - 800;
		self.questionText.y = 2732 / 3 + 550;
		LK.gui.topCenter.addChild(self.questionText);
		var buttonHeight = 100;
		var startY = self.questionText.y + self.questionText.height - 350;
		var positions = [];
		for (var i = 0; i < self.chosenQuestion.answers.length; i++) {
			positions.push(startY + i * (buttonHeight + 50));
		}
		for (var i = 0; i < self.chosenQuestion.answers.length; i++) {
			(function (index) {
				var answerButton = new AnswerButton(self.chosenQuestion.answers[index], index, function (buttonIndex) {
					if (index === self.chosenQuestion.correct) {
						LK.effects.flashScreen(0xffffff, 500);
						self.parent.ghost.sizeMultiplier = 1;
						self.parent.ghost.getGraphics().scale.set(self.parent.ghost.sizeMultiplier);
						self.parent.ghost.x = 2048 / 2;
						self.parent.ghost.y = 2732 / 4;
					}
					self.answerButtons.forEach(function (button) {
						button.destroy();
					});
					self.answerButtons = [];
					self.solve(ghost);
				});
				answerButton.x = 2048 / 2 - 700;
				answerButton.y = positions[index];
				self.answerButtons.push(answerButton);
				LK.gui.topCenter.addChild(answerButton);
			})(i);
		}
	};
	self.update = function () {};
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var background = self.createAsset('background', 'Game background', 0, 0);
	background.width = 2048;
	background.height = 2732;
	self.addChildAt(background, 0);
	self.ghost = self.addChild(new Ghost());
	self.ghost.x = 2048 / 2;
	self.ghost.y = 2732 / 4;
	hero = self.addChild(new Hero());
	var puzzles = [];
	var puzzle = self.addChild(new Puzzle());
	puzzle.x = 2048 / 2;
	puzzle.y = 2732 - puzzle.height / 2 + 800;
	puzzles.push(puzzle);
	var scoreTxt = new Text2('0', {
		size: 127.5,
		fill: "#000000",
		font: 'Times New Roman'
	});
	scoreTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(scoreTxt);
	var isGameOver = false;
	var hero;
	LK.on('tick', function () {
		hero.update();
		self.ghost.update();
		puzzles.forEach(function (puzzle) {
			puzzle.update();
			if (puzzle.isSolved) {
				puzzle.solve(ghost);
			}
		});
		if (isGameOver) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
		}
	});
});
Creation History

Images
