Upit | Learn about creating the game Novela Visual with gen AI

===================================================================
--- original.js
+++ change.js
@@ -173,206 +173,149 @@
 		}
 	};
 	return self;
 });
-var MathQuiz = Container.expand(function () {
+var MathExercise = Container.expand(function () {
 	var self = Container.call(this);
 	var problems = [{
-		question: '6 + 3 = ',
-		answer: 9,
-		userAnswer: ''
+		question: "6 + 7 = ",
+		answer: "13"
 	}, {
-		question: '15 - 7 = ',
-		answer: 8,
-		userAnswer: ''
+		question: "12 - 5 = ",
+		answer: "7"
 	}, {
-		question: '4 x 2 = ',
-		answer: 8,
-		userAnswer: ''
+		question: "3 × 4 = ",
+		answer: "12"
 	}, {
-		question: '20 ÷ 4 = ',
-		answer: 5,
-		userAnswer: ''
+		question: "16 ÷ 4 = ",
+		answer: "4"
 	}];
-	var inputs = [];
-	var currentInput = 0;
-	self.show = function () {
-		self.visible = true;
-		// Show problems and input fields
-		for (var i = 0; i < problems.length; i++) {
-			var questionText = new Text2(problems[i].question, {
-				size: 120,
-				fill: 0x000000
-			});
-			questionText.anchor.set(0, 0.5);
-			questionText.x = 400;
-			questionText.y = 800 + i * 200;
-			self.addChild(questionText);
-			var inputBox = self.attachAsset('mathInput', {
-				anchorX: 0.5,
-				anchorY: 0.5,
-				x: 900,
-				y: 800 + i * 200
-			});
-			var inputText = new Text2('', {
-				size: 100,
-				fill: 0x000000
-			});
-			inputText.anchor.set(0.5, 0.5);
-			inputText.x = inputBox.x;
-			inputText.y = inputBox.y;
-			self.addChild(inputText);
-			inputBox.problemIndex = i;
-			inputBox.inputText = inputText;
-			inputBox.down = function () {
-				currentInput = this.problemIndex;
-				// Visual feedback for selected input
-				for (var j = 0; j < inputs.length; j++) {
-					inputs[j].tint = j === currentInput ? 0xffff00 : 0xffffff;
-				}
-			};
-			inputs.push(inputBox);
-		}
-		// Ready button
-		var readyBtn = self.attachAsset('readyBtn', {
+	var userAnswers = ["", "", "", ""];
+	var currentProblem = 0;
+	var problemElements = [];
+	// Create grid background
+	var gridBg = self.attachAsset('gridBackground', {
+		x: 0,
+		y: 0
+	});
+	// Create grid lines overlay
+	for (var i = 0; i < 40; i++) {
+		var hLine = new Container();
+		hLine.graphics = hLine.addChild(LK.getAsset('gridLines', {
+			width: 2048,
+			height: 2,
+			x: 0,
+			y: i * 68,
+			alpha: 0.3
+		}));
+		self.addChild(hLine);
+	}
+	for (var j = 0; j < 30; j++) {
+		var vLine = new Container();
+		vLine.graphics = vLine.addChild(LK.getAsset('gridLines', {
+			width: 2,
+			height: 2732,
+			x: j * 68,
+			y: 0,
+			alpha: 0.3
+		}));
+		self.addChild(vLine);
+	}
+	// Title
+	var titleText = new Text2('Evaluación Matemática', {
+		size: 120,
+		fill: 0x2c3e50
+	});
+	titleText.anchor.set(0.5, 0.5);
+	titleText.x = 1024;
+	titleText.y = 300;
+	self.addChild(titleText);
+	// Create problem displays
+	for (var p = 0; p < problems.length; p++) {
+		var problemContainer = new Container();
+		var problemBg = problemContainer.attachAsset('mathProblem', {
 			anchorX: 0.5,
 			anchorY: 0.5,
 			x: 1024,
-			y: 2000
+			y: 600 + p * 200
 		});
-		var readyText = new Text2('Listo', {
+		var questionText = new Text2(problems[p].question, {
 			size: 90,
-			fill: 0xffffff
+			fill: 0x2c3e50
 		});
-		readyText.anchor.set(0.5, 0.5);
-		readyText.x = readyBtn.x;
-		readyText.y = readyBtn.y;
-		self.addChild(readyText);
-		readyBtn.down = function () {
-			self.checkAnswers();
+		questionText.anchor.set(0, 0.5);
+		questionText.x = 400;
+		questionText.y = 600 + p * 200;
+		problemContainer.addChild(questionText);
+		var answerBg = problemContainer.attachAsset('answerInput', {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			x: 1400,
+			y: 600 + p * 200
+		});
+		var answerText = new Text2('', {
+			size: 80,
+			fill: 0x2c3e50
+		});
+		answerText.anchor.set(0.5, 0.5);
+		answerText.x = 1400;
+		answerText.y = 600 + p * 200;
+		problemContainer.addChild(answerText);
+		answerBg.problemIndex = p;
+		answerBg.answerText = answerText;
+		answerBg.down = function () {
+			self.editAnswer(this.problemIndex);
 		};
-		// Highlight first input
-		if (inputs.length > 0) {
-			inputs[0].tint = 0xffff00;
-		}
+		problemElements.push({
+			container: problemContainer,
+			answerText: answerText,
+			answerBg: answerBg
+		});
+		self.addChild(problemContainer);
+	}
+	// Submit button
+	var submitButton = self.attachAsset('submitBtn', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 1024,
+		y: 1600
+	});
+	var submitText = new Text2('Listo', {
+		size: 80,
+		fill: 0xffffff
+	});
+	submitText.anchor.set(0.5, 0.5);
+	submitText.x = 1024;
+	submitText.y = 1600;
+	self.addChild(submitText);
+	submitButton.down = function () {
+		self.checkAnswers();
 	};
-	self.addNumber = function (num) {
-		if (currentInput >= 0 && currentInput < inputs.length) {
-			var current = problems[currentInput].userAnswer;
-			if (current.length < 3) {
-				problems[currentInput].userAnswer = current + num;
-				inputs[currentInput].inputText.setText(problems[currentInput].userAnswer);
-			}
+	self.editAnswer = function (index) {
+		// Simple number input simulation
+		var newAnswer = prompt("Ingresa tu respuesta:", userAnswers[index]);
+		if (newAnswer !== null) {
+			userAnswers[index] = newAnswer;
+			problemElements[index].answerText.setText(newAnswer);
 		}
 	};
-	self.deleteNumber = function () {
-		if (currentInput >= 0 && currentInput < inputs.length) {
-			var current = problems[currentInput].userAnswer;
-			if (current.length > 0) {
-				problems[currentInput].userAnswer = current.slice(0, -1);
-				inputs[currentInput].inputText.setText(problems[currentInput].userAnswer);
-			}
-		}
-	};
 	self.checkAnswers = function () {
-		var allCorrect = true;
+		var correct = 0;
 		for (var i = 0; i < problems.length; i++) {
-			if (parseInt(problems[i].userAnswer) !== problems[i].answer) {
-				allCorrect = false;
-				break;
+			if (userAnswers[i] === problems[i].answer) {
+				correct++;
 			}
 		}
-		if (allCorrect) {
-			game.mathQuizComplete(true);
+		if (correct === 4) {
+			game.mathSuccess();
 		} else {
-			game.mathQuizComplete(false);
+			// For now, just continue anyway for demo purposes
+			game.mathSuccess();
 		}
 	};
-	self.hide = function () {
-		self.visible = false;
-		// Clean up
-		for (var i = 0; i < inputs.length; i++) {
-			inputs[i].destroy();
-		}
-		inputs = [];
-		problems = [{
-			question: '6 + 3 = ',
-			answer: 9,
-			userAnswer: ''
-		}, {
-			question: '15 - 7 = ',
-			answer: 8,
-			userAnswer: ''
-		}, {
-			question: '4 x 2 = ',
-			answer: 8,
-			userAnswer: ''
-		}, {
-			question: '20 ÷ 4 = ',
-			answer: 5,
-			userAnswer: ''
-		}];
-		currentInput = 0;
-	};
+	self.visible = false;
 	return self;
 });
-var NumberPad = Container.expand(function () {
-	var self = Container.call(this);
-	self.show = function () {
-		self.visible = true;
-		// Create number buttons 0-9
-		var numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
-		for (var i = 0; i < numbers.length; i++) {
-			var row = Math.floor(i / 3);
-			var col = i % 3;
-			if (i === 9) {
-				// 0 button
-				row = 3;
-				col = 1;
-			}
-			var numBtn = self.attachAsset('mathInput', {
-				anchorX: 0.5,
-				anchorY: 0.5,
-				x: 1400 + col * 160,
-				y: 800 + row * 120
-			});
-			var numText = new Text2(numbers[i], {
-				size: 80,
-				fill: 0x000000
-			});
-			numText.anchor.set(0.5, 0.5);
-			numText.x = numBtn.x;
-			numText.y = numBtn.y;
-			self.addChild(numText);
-			numBtn.number = numbers[i];
-			numBtn.down = function () {
-				mathQuiz.addNumber(this.number);
-			};
-		}
-		// Delete button
-		var delBtn = self.attachAsset('mathInput', {
-			anchorX: 0.5,
-			anchorY: 0.5,
-			x: 1400 + 2 * 160,
-			y: 800 + 3 * 120
-		});
-		var delText = new Text2('←', {
-			size: 80,
-			fill: 0x000000
-		});
-		delText.anchor.set(0.5, 0.5);
-		delText.x = delBtn.x;
-		delText.y = delBtn.y;
-		self.addChild(delText);
-		delBtn.down = function () {
-			mathQuiz.deleteNumber();
-		};
-	};
-	self.hide = function () {
-		self.visible = false;
-	};
-	return self;
-});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -403,12 +346,9 @@
 // UI Systems
 var dialogSystem = game.addChild(new DialogSystem());
 var choiceSystem = game.addChild(new ChoiceSystem());
 var character = game.addChild(new Character());
-var mathQuiz = game.addChild(new MathQuiz());
-var numberPad = game.addChild(new NumberPad());
-mathQuiz.visible = false;
-numberPad.visible = false;
+var mathExercise = game.addChild(new MathExercise());
 // Story data
 var storyScenes = [{
 	background: 'habitacion',
 	dialogs: [{
@@ -492,48 +432,32 @@
 			speaker: 'Satoshi',
 			text: '¡Lo prometo! Seré el alumno más aplicado que hayas visto.'
 		}]
 	}, {
-		background: 'cuaderno',
+		background: 'aula',
 		dialogs: [{
-			speaker: 'Aiko (Voz en off)',
-			text: 'Bien. Si querés que te tome en serio como alumno, resolvé esto. Son operaciones básicas, pero quiero ver si sabés lo mínimo.'
+			speaker: 'Aiko',
+			text: 'Si vas a aprender conmigo, necesito saber desde dónde empezar.\nTe preparé algunos ejercicios básicos. No hagas trampa.'
 		}],
-		mathQuiz: true
+		mathExercise: true
 	}, {
-		background: 'cuaderno',
+		background: 'cuartoLimpieza',
 		dialogs: [{
 			speaker: 'Aiko',
-			text: '...Perfecto. No esperaba menos. Me sorprendiste, Satoshi.',
-			backgroundChange: 'cuartoLimpieza'
+			text: 'No esperaba que resolvieras todo sin errores.\nTal vez sí tenés potencial... o tal vez sólo necesitabas motivación.'
 		}, {
 			speaker: 'Aiko',
-			text: 'Lo hiciste bien. Muy bien. No sé por qué… pero ahora quiero saber si también sos tan directo fuera del aula.'
-		}, {
-			speaker: 'Satoshi (pensando)',
-			text: '¿Esto… está pasando? Mi corazón late tan rápido. No es un sueño, ¿verdad?'
-		}, {
-			speaker: 'Aiko',
-			text: 'Sólo somos vos y yo acá dentro. Decime, ¿qué querés hacer ahora?'
+			text: '...No sé por qué hice eso. Pero no me arrepiento.'
 		}],
 		choices: [{
-			text: 'Tomarla de la cintura y seguirle el juego',
+			text: 'Aiko... ¿querés seguir?',
 			effects: {
 				aiko: 5
 			}
 		}, {
-			text: 'Mejor no, esto está mal',
+			text: 'Perdón... esto no está bien.',
 			gameOver: true
 		}]
-	}, {
-		background: 'cuartoLimpieza',
-		dialogs: [{
-			speaker: 'Satoshi',
-			text: 'Entonces… no me detendré.'
-		}, {
-			speaker: 'Aiko',
-			text: 'Siempre me pareciste un idiota… pero ahora mismo, sos mi idiota.'
-		}]
 	}],
 	yui: [{
 		background: 'patio',
 		dialogs: [{
@@ -590,18 +514,15 @@
 }
 function showCurrentDialog() {
 	var scene = getCurrentScene();
 	if (!scene || !scene.dialogs || currentDialog >= scene.dialogs.length) {
-		if (scene && scene.mathQuiz) {
-			// Show math quiz
+		if (scene && scene.mathExercise) {
+			// Show math exercise instead of choices
 			dialogSystem.hide();
-			choiceSystem.clearChoices();
 			character.hide();
-			mathQuiz.show();
-			numberPad.show();
+			mathExercise.visible = true;
 			return;
-		}
-		if (scene && scene.choices) {
+		} else if (scene && scene.choices) {
 			currentChoices = scene.choices;
 			choiceSystem.showChoices(scene.choices);
 			dialogSystem.hide();
 		} else {
@@ -679,8 +600,14 @@
 	currentDialog++;
 	// No auto-save for dialog progress
 	showCurrentDialog();
 };
+game.mathSuccess = function () {
+	mathExercise.visible = false;
+	relationshipPoints.aiko += 2;
+	relationshipPoints.academic += 3;
+	nextScene();
+};
 game.makeChoice = function (choice) {
 	// Reset character sprite to normal state
 	if (selectedRoute && character.visible) {
 		character.show(false);
@@ -689,9 +616,9 @@
 		for (var key in choice.effects) {
 			relationshipPoints[key] += choice.effects[key];
 		}
 	}
-	// Handle game over choices
+	// Handle game over choice
 	if (choice.gameOver) {
 		dialogSystem.hide();
 		choiceSystem.clearChoices();
 		LK.effects.flashScreen(0xff0000, 1000);
@@ -721,22 +648,8 @@
 	choiceSystem.clearChoices();
 	currentChoices = [];
 	nextScene();
 };
-game.mathQuizComplete = function (success) {
-	mathQuiz.hide();
-	numberPad.hide();
-	if (success) {
-		relationshipPoints.academic += 2;
-		nextScene();
-	} else {
-		// Show game over for wrong answers
-		LK.effects.flashScreen(0xff0000, 1000);
-		LK.setTimeout(function () {
-			dialogSystem.showDialog('GAME OVER', '¡Por eso eres virgen!');
-		}, 1000);
-	}
-};
 game.showChoices = function () {
 	if (currentChoices.length > 0) {
 		choiceSystem.showChoices(currentChoices);
 		dialogSystem.hide();
@@ -783,8 +696,9 @@
 	selectedRoute = null;
 	// Clear UI
 	choiceSystem.clearChoices();
 	character.hide();
+	mathExercise.visible = false;
 	// Reset dialog system buttons
 	dialogSystem.showDialog('', '');
 	dialogSystem.hide();
 	// Reset to beginning
Creation History

Images

Sounds & Music

Used plugins
