Upit | Learn about creating the game Hot-puppy with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var DirectionalButton = Container.expand(function (direction) { var self = Container.call(this); var buttonGraphics = self.attachAsset(direction + 'button', { anchorX: 0.5, anchorY: 0.5 }); var buttonText = new Text2(direction.toUpperCase(), { size: 30, fill: 0x000000 }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.direction = direction; self.down = function (x, y, obj) { if (selectedPuppy && selectedPuppy.isSelected) { var moveDistance = 60; switch (self.direction) { case 'up': selectedPuppy.y -= moveDistance; break; case 'down': selectedPuppy.y += moveDistance; break; case 'left': selectedPuppy.x -= moveDistance; break; case 'right': selectedPuppy.x += moveDistance; break; } // Keep puppy within bounds selectedPuppy.x = Math.max(60, Math.min(1988, selectedPuppy.x)); selectedPuppy.y = Math.max(60, Math.min(2400, selectedPuppy.y)); } }; return self; }); var MrPervers = Container.expand(function () { var self = Container.call(this); var chefGraphics = self.attachAsset('mrpervers', { anchorX: 0.5, anchorY: 0.5 }); var nameText = new Text2('Mr. Pervers', { size: 50, fill: 0xFF0000 }); nameText.anchor.set(0.5, 0.5); nameText.y = -100; self.addChild(nameText); self.moveSpeed = 3; self.targetPuppy = null; self.lastTargetX = 0; self.lastTargetY = 0; self.update = function () { if (selectedPuppy && selectedPuppy.isSelected) { self.targetPuppy = selectedPuppy; } if (self.targetPuppy) { var dx = self.targetPuppy.x - self.x; var dy = self.targetPuppy.y - self.y; var distance = Math.sqrt(dx * dx + dy * dy); if (distance > self.moveSpeed) { self.x += dx / distance * self.moveSpeed; self.y += dy / distance * self.moveSpeed; } } }; return self; }); var Puppy = Container.expand(function () { var self = Container.call(this); var puppyGraphics = self.attachAsset('puppy', { anchorX: 0.5, anchorY: 0.5 }); var puppyNames = ['Buddy', 'Max', 'Bella', 'Charlie', 'Lucy', 'Cooper', 'Luna', 'Bailey', 'Daisy', 'Rocky', 'Molly', 'Jack', 'Lola', 'Duke', 'Sadie', 'Tucker', 'Chloe', 'Bear', 'Sophie', 'Teddy', 'Roxy', 'Buster', 'Coco', 'Gus', 'Penny', 'Oscar', 'Nala', 'Milo', 'Rosie', 'Leo', 'Zoey', 'Zeus', 'Lily', 'Finn', 'Ruby', 'Ollie', 'Stella', 'Jasper', 'Ellie', 'Murphy', 'Maggie', 'Toby', 'Gracie', 'Oliver', 'Abby', 'Winston', 'Zoe', 'Bentley', 'Mia', 'Harley']; self.name = puppyNames[Math.floor(Math.random() * puppyNames.length)]; self.isSelected = false; self.moveSpeed = 8; self.lastX = 0; self.lastY = 0; var nameText = new Text2(self.name, { size: 40, fill: 0x000000 }); nameText.anchor.set(0.5, 0.5); nameText.y = -80; self.addChild(nameText); self.down = function (x, y, obj) { selectedPuppy = self; for (var i = 0; i < puppies.length; i++) { puppies[i].isSelected = false; puppies[i].tint = 0xFFFFFF; } self.isSelected = true; self.tint = 0xFFFF00; }; self.moveTowards = function (targetX, targetY) { var dx = targetX - self.x; var dy = targetY - self.y; var distance = Math.sqrt(dx * dx + dy * dy); if (distance > self.moveSpeed) { self.x += dx / distance * self.moveSpeed; self.y += dy / distance * self.moveSpeed; } else { self.x = targetX; self.y = targetY; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0xF5DEB3 }); /**** * Game Code ****/ // Game variables var currentLevel = storage.currentLevel || 1; var puppiesSaved = 0; var puppiesRequired = currentLevel === 1 ? 3 : Math.pow(2, currentLevel - 1) * 3; var puppies = []; var selectedPuppy = null; var mrPervers = null; var exitDoor = null; var pot = null; var upButton = null; var downButton = null; var leftButton = null; var rightButton = null; // Mr. Pervers mean messages var perversMessages = ["NON! Mes délicieux hot dogs!", "Reviens ici, petit mordu!", "Tu ruines mon business!", "Ces chiots sont MIENS!", "Argh! Ma recette secrète!", "Tu ne m'arrêteras pas!", "Mes hot dogs parfaits!", "Sale petit perturbateur!", "Mon restaurant va échouer!", "Ces chiots seront cuits!", "Tu ne comprends rien!", "Ma cuisine est parfaite!", "Laisse-moi tranquille!", "Mon menu spécial!", "Tu gâches tout!", "Mes clients adorent mes hot dogs!", "C'est MON restaurant!", "Tu ne peux pas m'arrêter!", "Ma marmite bouillonne!", "Ces chiots sont destinés à être cuits!", "Tu interfères avec mon art!", "Ma cuisine est légendaire!", "Personne ne résiste à mes hot dogs!", "Tu es un trouble-fête!", "Mon empire culinaire!", "Ces chiots sont des ingrédients!", "Ma passion pour la cuisine!", "Tu détruis mes rêves!", "Mon chef-d'œuvre!", "Sale saboteur!", "Tu ne connais rien à la gastronomie!", "Mes hot dogs sont une œuvre d'art!", "Tu ruines ma réputation!", "Mon restaurant étoilé!", "Ces chiots seront délicieux!", "Tu n'as aucun goût!", "Ma recette ancestrale!", "Tu es un ennemi de la cuisine!", "Mon génie culinaire!", "Ces chiots parfaits pour mes hot dogs!", "Tu ne respectes pas la tradition!", "Ma marmite magique!", "Tu déranges mes plans!", "Mon restaurant sera célèbre!", "Ces chiots sont mon inspiration!", "Tu ne comprends pas l'art!", "Ma cuisine révolutionnaire!", "Tu gâches ma journée!", "Mon talent unique!", "Ces chiots sont ma fortune!", "Tu ne m'empêcheras pas!", "Ma passion dévorante!", "Tu ruines mon héritage!", "Mon don pour la cuisine!", "Ces chiots sont mon avenir!", "Tu es un vandale!", "Ma créativité culinaire!", "Tu détruis mes espoirs!", "Mon rêve de chef!", "Ces chiots sont ma destinée!", "Tu ne respectes rien!", "Ma vision gastronomique!", "Tu sabotes mon travail!", "Mon art de vivre!", "Ces chiots sont ma vie!", "Tu es un destructeur!", "Ma philosophie culinaire!", "Tu anéantis mes efforts!", "Mon héritage familial!", "Ces chiots sont mon trésor!", "Tu ne mérites pas de comprendre!", "Ma technique parfaite!", "Tu ruines tout ce que j'aime!", "Mon excellence culinaire!", "Ces chiots sont mon destin!"]; var messageText = null; // UI elements var levelText = new Text2('Level: ' + currentLevel, { size: 60, fill: 0x000000 }); levelText.anchor.set(0, 0); levelText.x = 120; levelText.y = 50; LK.gui.topLeft.addChild(levelText); var savedText = new Text2('Saved: 0/' + puppiesRequired, { size: 60, fill: 0x000000 }); savedText.anchor.set(0.5, 0); savedText.x = 0; savedText.y = 50; LK.gui.top.addChild(savedText); var scoreText = new Text2('Score: ' + LK.getScore(), { size: 60, fill: 0x000000 }); scoreText.anchor.set(1, 0); scoreText.x = 0; scoreText.y = 50; LK.gui.topRight.addChild(scoreText); // Background var background = game.addChild(LK.getAsset('background', { anchorX: 0, anchorY: 0, x: 0, y: 0 })); // Exit door exitDoor = game.addChild(LK.getAsset('exitdoor', { anchorX: 0.5, anchorY: 1, x: 1024, y: 2700 })); var exitText = new Text2('EXIT', { size: 40, fill: 0xFFFFFF }); exitText.anchor.set(0.5, 0.5); exitText.y = -150; exitDoor.addChild(exitText); // Cooking pot pot = game.addChild(LK.getAsset('pot', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 400 })); // Mr. Pervers mrPervers = game.addChild(new MrPervers()); mrPervers.x = 1024; mrPervers.y = 500; // Directional buttons upButton = game.addChild(new DirectionalButton('up')); upButton.x = 1700; upButton.y = 2200; downButton = game.addChild(new DirectionalButton('down')); downButton.x = 1700; downButton.y = 2400; leftButton = game.addChild(new DirectionalButton('left')); leftButton.x = 1600; leftButton.y = 2300; rightButton = game.addChild(new DirectionalButton('right')); rightButton.x = 1800; rightButton.y = 2300; // Functions function spawnPuppies() { var numPuppies = 1; if (currentLevel >= 11) { numPuppies = Math.floor(Math.random() * 6) + 5; // 5-10 puppies } else if (currentLevel >= 5) { numPuppies = Math.floor(Math.random() * 4) + 2; // 2-5 puppies } for (var i = 0; i < numPuppies; i++) { var puppy = new Puppy(); puppy.x = Math.random() * 1500 + 300; puppy.y = Math.random() * 1000 + 800; puppy.lastX = puppy.x; puppy.lastY = puppy.y; puppies.push(puppy); game.addChild(puppy); } } function checkCollisions() { for (var i = puppies.length - 1; i >= 0; i--) { var puppy = puppies[i]; // Check if puppy reached exit if (puppy.intersects(exitDoor)) { puppiesSaved++; LK.setScore(LK.getScore() + 1); LK.getSound('puppysaved').play(); // Show Mr. Pervers angry message showPerversMessage(); puppy.destroy(); puppies.splice(i, 1); if (selectedPuppy === puppy) { selectedPuppy = null; } updateUI(); if (puppiesSaved >= puppiesRequired) { nextLevel(); } continue; } // Check if puppy caught by Mr. Pervers if (puppy.intersects(mrPervers)) { LK.setScore(LK.getScore() - 1); LK.getSound('puppycaught').play(); puppy.destroy(); puppies.splice(i, 1); if (selectedPuppy === puppy) { selectedPuppy = null; } updateUI(); if (puppies.length === 0 && puppiesSaved < puppiesRequired) { LK.showGameOver(); } } } } function updateUI() { savedText.setText('Saved: ' + puppiesSaved + '/' + puppiesRequired); scoreText.setText('Score: ' + LK.getScore()); } function showPerversMessage() { // Remove existing message if any if (messageText) { messageText.destroy(); messageText = null; } // Get random message var randomMessage = perversMessages[Math.floor(Math.random() * perversMessages.length)]; // Create message text messageText = new Text2(randomMessage, { size: 80, fill: 0xFF0000 }); messageText.anchor.set(0.5, 0.5); messageText.x = 1024; messageText.y = 1200; messageText.alpha = 1; // Add to game game.addChild(messageText); // Animate message appearing with scale and fade tween(messageText, { scaleX: 1.2, scaleY: 1.2 }, { duration: 300, easing: tween.bounceOut }); // Fade out and remove after 15 seconds LK.setTimeout(function () { if (messageText) { tween(messageText, { alpha: 0 }, { duration: 1000, easing: tween.easeOut, onFinish: function onFinish() { if (messageText) { messageText.destroy(); messageText = null; } } }); } }, 15000); } function nextLevel() { currentLevel++; // Reset to level 1 if we've completed level 200 if (currentLevel > 200) { currentLevel = 1; } storage.currentLevel = currentLevel; puppiesSaved = 0; puppiesRequired = currentLevel === 1 ? 3 : Math.pow(2, currentLevel - 1) * 3; // Clear existing puppies for (var i = 0; i < puppies.length; i++) { puppies[i].destroy(); } puppies = []; selectedPuppy = null; // Reset Mr. Pervers position mrPervers.x = 1024; mrPervers.y = 500; mrPervers.targetPuppy = null; // Update UI levelText.setText('Level: ' + currentLevel); updateUI(); // Spawn new puppies spawnPuppies(); } // Initialize first level spawnPuppies(); // Start background music LK.playMusic('bgmusic'); game.update = function () { checkCollisions(); // Spawn new puppies if screen is empty and we haven't completed the level if (puppies.length === 0 && puppiesSaved < puppiesRequired) { spawnPuppies(); } };

===================================================================
--- original.js
+++ change.js
@@ -142,8 +142,11 @@
 var upButton = null;
 var downButton = null;
 var leftButton = null;
 var rightButton = null;
+// Mr. Pervers mean messages
+var perversMessages = ["NON! Mes délicieux hot dogs!", "Reviens ici, petit mordu!", "Tu ruines mon business!", "Ces chiots sont MIENS!", "Argh! Ma recette secrète!", "Tu ne m'arrêteras pas!", "Mes hot dogs parfaits!", "Sale petit perturbateur!", "Mon restaurant va échouer!", "Ces chiots seront cuits!", "Tu ne comprends rien!", "Ma cuisine est parfaite!", "Laisse-moi tranquille!", "Mon menu spécial!", "Tu gâches tout!", "Mes clients adorent mes hot dogs!", "C'est MON restaurant!", "Tu ne peux pas m'arrêter!", "Ma marmite bouillonne!", "Ces chiots sont destinés à être cuits!", "Tu interfères avec mon art!", "Ma cuisine est légendaire!", "Personne ne résiste à mes hot dogs!", "Tu es un trouble-fête!", "Mon empire culinaire!", "Ces chiots sont des ingrédients!", "Ma passion pour la cuisine!", "Tu détruis mes rêves!", "Mon chef-d'œuvre!", "Sale saboteur!", "Tu ne connais rien à la gastronomie!", "Mes hot dogs sont une œuvre d'art!", "Tu ruines ma réputation!", "Mon restaurant étoilé!", "Ces chiots seront délicieux!", "Tu n'as aucun goût!", "Ma recette ancestrale!", "Tu es un ennemi de la cuisine!", "Mon génie culinaire!", "Ces chiots parfaits pour mes hot dogs!", "Tu ne respectes pas la tradition!", "Ma marmite magique!", "Tu déranges mes plans!", "Mon restaurant sera célèbre!", "Ces chiots sont mon inspiration!", "Tu ne comprends pas l'art!", "Ma cuisine révolutionnaire!", "Tu gâches ma journée!", "Mon talent unique!", "Ces chiots sont ma fortune!", "Tu ne m'empêcheras pas!", "Ma passion dévorante!", "Tu ruines mon héritage!", "Mon don pour la cuisine!", "Ces chiots sont mon avenir!", "Tu es un vandale!", "Ma créativité culinaire!", "Tu détruis mes espoirs!", "Mon rêve de chef!", "Ces chiots sont ma destinée!", "Tu ne respectes rien!", "Ma vision gastronomique!", "Tu sabotes mon travail!", "Mon art de vivre!", "Ces chiots sont ma vie!", "Tu es un destructeur!", "Ma philosophie culinaire!", "Tu anéantis mes efforts!", "Mon héritage familial!", "Ces chiots sont mon trésor!", "Tu ne mérites pas de comprendre!", "Ma technique parfaite!", "Tu ruines tout ce que j'aime!", "Mon excellence culinaire!", "Ces chiots sont mon destin!"];
+var messageText = null;
 // UI elements
 var levelText = new Text2('Level: ' + currentLevel, {
 	size: 60,
 	fill: 0x000000
@@ -238,8 +241,10 @@
 		if (puppy.intersects(exitDoor)) {
 			puppiesSaved++;
 			LK.setScore(LK.getScore() + 1);
 			LK.getSound('puppysaved').play();
+			// Show Mr. Pervers angry message
+			showPerversMessage();
 			puppy.destroy();
 			puppies.splice(i, 1);
 			if (selectedPuppy === puppy) {
 				selectedPuppy = null;
@@ -269,8 +274,53 @@
 function updateUI() {
 	savedText.setText('Saved: ' + puppiesSaved + '/' + puppiesRequired);
 	scoreText.setText('Score: ' + LK.getScore());
 }
+function showPerversMessage() {
+	// Remove existing message if any
+	if (messageText) {
+		messageText.destroy();
+		messageText = null;
+	}
+	// Get random message
+	var randomMessage = perversMessages[Math.floor(Math.random() * perversMessages.length)];
+	// Create message text
+	messageText = new Text2(randomMessage, {
+		size: 80,
+		fill: 0xFF0000
+	});
+	messageText.anchor.set(0.5, 0.5);
+	messageText.x = 1024;
+	messageText.y = 1200;
+	messageText.alpha = 1;
+	// Add to game
+	game.addChild(messageText);
+	// Animate message appearing with scale and fade
+	tween(messageText, {
+		scaleX: 1.2,
+		scaleY: 1.2
+	}, {
+		duration: 300,
+		easing: tween.bounceOut
+	});
+	// Fade out and remove after 15 seconds
+	LK.setTimeout(function () {
+		if (messageText) {
+			tween(messageText, {
+				alpha: 0
+			}, {
+				duration: 1000,
+				easing: tween.easeOut,
+				onFinish: function onFinish() {
+					if (messageText) {
+						messageText.destroy();
+						messageText = null;
+					}
+				}
+			});
+		}
+	}, 15000);
+}
 function nextLevel() {
 	currentLevel++;
 	// Reset to level 1 if we've completed level 200
 	if (currentLevel > 200) {

Creation History

Images

Sounds & Music

Used plugins