Upit | Learn about creating the game 🩷 Fée Lisa 🩷 with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var Challenge = Container.expand(function (type) { var self = Container.call(this); var challengeGraphics = self.attachAsset('challengeBox', { anchorX: 0.5, anchorY: 0.5 }); challengeGraphics.alpha = 0.9; self.challengeType = type; self.attempts = 0; self.maxAttempts = 3; self.isActive = true; // Challenge text self.titleText = self.addChild(new Text2('', { size: 40, fill: 0xFFFFFF })); self.titleText.anchor.set(0.5, 0.5); self.titleText.y = -120; self.instructionText = self.addChild(new Text2('', { size: 24, fill: 0xFFFFFF })); self.instructionText.anchor.set(0.5, 0.5); self.instructionText.y = -60; self.resultText = self.addChild(new Text2('', { size: 30, fill: 0xFFFFFF })); self.resultText.anchor.set(0.5, 0.5); self.resultText.y = 100; self.setupChallenge = function () { switch (self.challengeType) { case 'light': self.setupLightChallenge(); break; case 'destiny': self.setupDestinyChallenge(); break; case 'shadow': self.setupShadowChallenge(); break; case 'lollipop': self.setupLollipopChallenge(); break; case 'ocean': self.setupOceanChallenge(); break; } }; self.setupLightChallenge = function () { self.titleText.setText('Light Challenge'); self.instructionText.setText('Tap to light the lamps with willpower!'); // Create lamps self.lamps = []; for (var i = 0; i < 3; i++) { var lamp = self.addChild(LK.getAsset('lamp', { anchorX: 0.5, anchorY: 0.5 })); lamp.x = (i - 1) * 80; lamp.y = 20; lamp.lit = false; self.lamps.push(lamp); } }; self.setupDestinyChallenge = function () { self.titleText.setText('Destiny Challenge'); var questions = ['What guides your path?', 'What is your greatest strength?', 'What do you seek most?']; var randomQuestion = questions[Math.floor(Math.random() * questions.length)]; self.instructionText.setText(randomQuestion + '\nTap to answer with your heart!'); }; self.setupShadowChallenge = function () { self.titleText.setText('Shadow Challenge'); self.instructionText.setText('Dim the bright sun with shadow magic!\nTap to cast shadows!'); }; self.setupLollipopChallenge = function () { self.titleText.setText('Lollipop Challenge'); var questions = ['What brings you joy?', 'What makes you smile?', 'What is your favorite treat?']; var randomQuestion = questions[Math.floor(Math.random() * questions.length)]; self.instructionText.setText(randomQuestion + '\nTap to share your sweetness!'); }; self.setupOceanChallenge = function () { self.titleText.setText('Ocean Challenge'); self.instructionText.setText('Feel the flow of ocean magic!\nTap to create waves!'); }; self.down = function (x, y, obj) { if (!self.isActive) return; self.attempts++; var success = false; // 30% success rate for action challenges if (self.challengeType === 'light' || self.challengeType === 'shadow' || self.challengeType === 'ocean') { success = Math.random() < 0.3; } else { // Quiz questions have 50% success rate success = Math.random() < 0.5; } if (success) { self.onSuccess(); } else { self.onFailure(); } }; self.onSuccess = function () { self.resultText.setText('Success! +5 LIPOINTS'); self.resultText.fill = "#00FF00"; LK.getSound('success').play(); // Award LIPOINTS lipoints[self.challengeType] += 5; updateLipointsDisplay(); checkLevelUp(); LK.setTimeout(function () { self.closeChallenge(); }, 2000); }; self.onFailure = function () { if (self.attempts >= self.maxAttempts) { self.resultText.setText('Challenge Failed!'); self.resultText.fill = "#FF0000"; LK.getSound('fail').play(); LK.setTimeout(function () { self.closeChallenge(); }, 2000); } else { self.resultText.setText('Try again! (' + (self.maxAttempts - self.attempts) + ' attempts left)'); self.resultText.fill = "#FFFF00"; } }; self.closeChallenge = function () { self.isActive = false; activeChallenge = null; self.destroy(); isPaused = false; }; return self; }); var Lisa = Container.expand(function () { var self = Container.call(this); var lisaGraphics = self.attachAsset('lisa', { anchorX: 0.5, anchorY: 0.5 }); self.velocityY = 0; self.isJumping = false; self.onGround = false; self.update = function () { // Apply gravity if (!self.onGround) { self.velocityY += 0.8; } self.y += self.velocityY; // Check collision with trees self.onGround = false; for (var i = 0; i < trees.length; i++) { var tree = trees[i]; if (self.intersects(tree) && self.velocityY > 0) { self.y = tree.y - tree.height / 2 - self.height / 2; self.velocityY = 0; self.onGround = true; self.isJumping = false; break; } } // Fall off screen check if (self.y > 2732 + 100) { resetLisaPosition(); } }; self.jump = function () { if (self.onGround && !self.isJumping) { self.velocityY = -18; self.isJumping = true; self.onGround = false; LK.getSound('jump').play(); } }; return self; }); var PowerBubble = Container.expand(function (type) { var self = Container.call(this); var bubbleAsset = type + 'Bubble'; var bubbleGraphics = self.attachAsset(bubbleAsset, { anchorX: 0.5, anchorY: 0.5 }); self.bubbleType = type; self.collected = false; self.update = function () { self.x -= scrollSpeed; // Check collision with Lisa if (!self.collected && self.intersects(lisa)) { self.collected = true; LK.getSound('collect').play(); startChallenge(self.bubbleType); self.destroy(); bubbles.splice(bubbles.indexOf(self), 1); } }; return self; }); var Tree = Container.expand(function () { var self = Container.call(this); var treeGraphics = self.attachAsset('tree', { anchorX: 0.5, anchorY: 0.5 }); self.update = function () { self.x -= scrollSpeed; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87CEEB }); /**** * Game Code ****/ // Game variables var lisa; var trees = []; var bubbles = []; var activeChallenge = null; var isPaused = false; // Scrolling var scrollSpeed = 3; var cameraX = 0; // LIPOINTS system var lipoints = storage.lipoints || { light: 0, destiny: 0, shadow: 0, lollipop: 0, ocean: 0 }; var currentLevel = storage.currentLevel || 1; var totalLipoints = storage.totalLipoints || 0; // UI elements var levelText = new Text2('Level: 1', { size: 36, fill: 0xFFFFFF }); levelText.anchor.set(0, 0); LK.gui.topRight.addChild(levelText); var lipointsText = new Text2('', { size: 24, fill: 0xFFFFFF }); lipointsText.anchor.set(1, 0); lipointsText.y = 50; LK.gui.topRight.addChild(lipointsText); // Initialize Lisa lisa = game.addChild(new Lisa()); lisa.x = 300; lisa.y = 2000; // Create initial trees function createTree(x, y) { var tree = game.addChild(new Tree()); tree.x = x; tree.y = y; trees.push(tree); return tree; } // Create starting platform createTree(300, 2200); createTree(600, 2100); createTree(900, 2000); createTree(1200, 2150); // Bubble types var bubbleTypes = ['light', 'destiny', 'shadow', 'lollipop', 'ocean']; function createBubble() { if (bubbles.length < 3) { var randomType = bubbleTypes[Math.floor(Math.random() * bubbleTypes.length)]; var bubble = game.addChild(new PowerBubble(randomType)); bubble.x = 2200 + Math.random() * 400; bubble.y = 1800 + Math.random() * 400; bubbles.push(bubble); } } function resetLisaPosition() { lisa.x = 300; lisa.y = 2000; lisa.velocityY = 0; lisa.onGround = false; } function startChallenge(type) { if (activeChallenge) return; isPaused = true; activeChallenge = game.addChild(new Challenge(type)); activeChallenge.x = 1024; activeChallenge.y = 1366; activeChallenge.setupChallenge(); } function updateLipointsDisplay() { var displayText = 'LIPOINTS:\n'; displayText += 'Light: ' + lipoints.light + '\n'; displayText += 'Destiny: ' + lipoints.destiny + '\n'; displayText += 'Shadow: ' + lipoints.shadow + '\n'; displayText += 'Lollipop: ' + lipoints.lollipop + '\n'; displayText += 'Ocean: ' + lipoints.ocean; lipointsText.setText(displayText); // Save to storage storage.lipoints = lipoints; } function checkLevelUp() { totalLipoints = lipoints.light + lipoints.destiny + lipoints.shadow + lipoints.lollipop + lipoints.ocean; var requiredPoints = 10 * Math.pow(2, currentLevel - 1); if (totalLipoints >= requiredPoints && currentLevel < 50) { currentLevel++; levelText.setText('Level: ' + currentLevel); storage.currentLevel = currentLevel; storage.totalLipoints = totalLipoints; // Check for game completion if (currentLevel >= 50) { var highestType = getHighestLipointType(); LK.setTimeout(function () { LK.showYouWin(); }, 1000); } } } function getHighestLipointType() { var highest = 0; var highestType = 'light'; for (var type in lipoints) { if (lipoints[type] > highest) { highest = lipoints[type]; highestType = type; } } return highestType; } // Game controls game.down = function (x, y, obj) { if (activeChallenge) return; lisa.jump(); }; // Game update loop var treeSpawnTimer = 0; var bubbleSpawnTimer = 0; game.update = function () { if (isPaused) return; // Update camera following Lisa cameraX = lisa.x - 400; // Spawn trees treeSpawnTimer++; if (treeSpawnTimer > 120) { var lastTree = trees[trees.length - 1]; if (lastTree && lastTree.x < cameraX + 2400) { var newX = lastTree.x + 300 + Math.random() * 200; var newY = 1900 + Math.random() * 400; createTree(newX, newY); } treeSpawnTimer = 0; } // Spawn bubbles bubbleSpawnTimer++; if (bubbleSpawnTimer > 180) { createBubble(); bubbleSpawnTimer = 0; } // Clean up off-screen trees for (var i = trees.length - 1; i >= 0; i--) { if (trees[i].x < cameraX - 300) { trees[i].destroy(); trees.splice(i, 1); } } // Clean up off-screen bubbles for (var i = bubbles.length - 1; i >= 0; i--) { if (bubbles[i].x < cameraX - 300) { bubbles[i].destroy(); bubbles.splice(i, 1); } } }; // Initialize display updateLipointsDisplay(); levelText.setText('Level: ' + currentLevel);

===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,391 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+var storage = LK.import("@upit/storage.v1");
+
+/**** 
+* Classes
+****/ 
+var Challenge = Container.expand(function (type) {
+	var self = Container.call(this);
+	var challengeGraphics = self.attachAsset('challengeBox', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	challengeGraphics.alpha = 0.9;
+	self.challengeType = type;
+	self.attempts = 0;
+	self.maxAttempts = 3;
+	self.isActive = true;
+	// Challenge text
+	self.titleText = self.addChild(new Text2('', {
+		size: 40,
+		fill: 0xFFFFFF
+	}));
+	self.titleText.anchor.set(0.5, 0.5);
+	self.titleText.y = -120;
+	self.instructionText = self.addChild(new Text2('', {
+		size: 24,
+		fill: 0xFFFFFF
+	}));
+	self.instructionText.anchor.set(0.5, 0.5);
+	self.instructionText.y = -60;
+	self.resultText = self.addChild(new Text2('', {
+		size: 30,
+		fill: 0xFFFFFF
+	}));
+	self.resultText.anchor.set(0.5, 0.5);
+	self.resultText.y = 100;
+	self.setupChallenge = function () {
+		switch (self.challengeType) {
+			case 'light':
+				self.setupLightChallenge();
+				break;
+			case 'destiny':
+				self.setupDestinyChallenge();
+				break;
+			case 'shadow':
+				self.setupShadowChallenge();
+				break;
+			case 'lollipop':
+				self.setupLollipopChallenge();
+				break;
+			case 'ocean':
+				self.setupOceanChallenge();
+				break;
+		}
+	};
+	self.setupLightChallenge = function () {
+		self.titleText.setText('Light Challenge');
+		self.instructionText.setText('Tap to light the lamps with willpower!');
+		// Create lamps
+		self.lamps = [];
+		for (var i = 0; i < 3; i++) {
+			var lamp = self.addChild(LK.getAsset('lamp', {
+				anchorX: 0.5,
+				anchorY: 0.5
+			}));
+			lamp.x = (i - 1) * 80;
+			lamp.y = 20;
+			lamp.lit = false;
+			self.lamps.push(lamp);
+		}
+	};
+	self.setupDestinyChallenge = function () {
+		self.titleText.setText('Destiny Challenge');
+		var questions = ['What guides your path?', 'What is your greatest strength?', 'What do you seek most?'];
+		var randomQuestion = questions[Math.floor(Math.random() * questions.length)];
+		self.instructionText.setText(randomQuestion + '\nTap to answer with your heart!');
+	};
+	self.setupShadowChallenge = function () {
+		self.titleText.setText('Shadow Challenge');
+		self.instructionText.setText('Dim the bright sun with shadow magic!\nTap to cast shadows!');
+	};
+	self.setupLollipopChallenge = function () {
+		self.titleText.setText('Lollipop Challenge');
+		var questions = ['What brings you joy?', 'What makes you smile?', 'What is your favorite treat?'];
+		var randomQuestion = questions[Math.floor(Math.random() * questions.length)];
+		self.instructionText.setText(randomQuestion + '\nTap to share your sweetness!');
+	};
+	self.setupOceanChallenge = function () {
+		self.titleText.setText('Ocean Challenge');
+		self.instructionText.setText('Feel the flow of ocean magic!\nTap to create waves!');
+	};
+	self.down = function (x, y, obj) {
+		if (!self.isActive) return;
+		self.attempts++;
+		var success = false;
+		// 30% success rate for action challenges
+		if (self.challengeType === 'light' || self.challengeType === 'shadow' || self.challengeType === 'ocean') {
+			success = Math.random() < 0.3;
+		} else {
+			// Quiz questions have 50% success rate
+			success = Math.random() < 0.5;
+		}
+		if (success) {
+			self.onSuccess();
+		} else {
+			self.onFailure();
+		}
+	};
+	self.onSuccess = function () {
+		self.resultText.setText('Success! +5 LIPOINTS');
+		self.resultText.fill = "#00FF00";
+		LK.getSound('success').play();
+		// Award LIPOINTS
+		lipoints[self.challengeType] += 5;
+		updateLipointsDisplay();
+		checkLevelUp();
+		LK.setTimeout(function () {
+			self.closeChallenge();
+		}, 2000);
+	};
+	self.onFailure = function () {
+		if (self.attempts >= self.maxAttempts) {
+			self.resultText.setText('Challenge Failed!');
+			self.resultText.fill = "#FF0000";
+			LK.getSound('fail').play();
+			LK.setTimeout(function () {
+				self.closeChallenge();
+			}, 2000);
+		} else {
+			self.resultText.setText('Try again! (' + (self.maxAttempts - self.attempts) + ' attempts left)');
+			self.resultText.fill = "#FFFF00";
+		}
+	};
+	self.closeChallenge = function () {
+		self.isActive = false;
+		activeChallenge = null;
+		self.destroy();
+		isPaused = false;
+	};
+	return self;
+});
+var Lisa = Container.expand(function () {
+	var self = Container.call(this);
+	var lisaGraphics = self.attachAsset('lisa', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.velocityY = 0;
+	self.isJumping = false;
+	self.onGround = false;
+	self.update = function () {
+		// Apply gravity
+		if (!self.onGround) {
+			self.velocityY += 0.8;
+		}
+		self.y += self.velocityY;
+		// Check collision with trees
+		self.onGround = false;
+		for (var i = 0; i < trees.length; i++) {
+			var tree = trees[i];
+			if (self.intersects(tree) && self.velocityY > 0) {
+				self.y = tree.y - tree.height / 2 - self.height / 2;
+				self.velocityY = 0;
+				self.onGround = true;
+				self.isJumping = false;
+				break;
+			}
+		}
+		// Fall off screen check
+		if (self.y > 2732 + 100) {
+			resetLisaPosition();
+		}
+	};
+	self.jump = function () {
+		if (self.onGround && !self.isJumping) {
+			self.velocityY = -18;
+			self.isJumping = true;
+			self.onGround = false;
+			LK.getSound('jump').play();
+		}
+	};
+	return self;
+});
+var PowerBubble = Container.expand(function (type) {
+	var self = Container.call(this);
+	var bubbleAsset = type + 'Bubble';
+	var bubbleGraphics = self.attachAsset(bubbleAsset, {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.bubbleType = type;
+	self.collected = false;
+	self.update = function () {
+		self.x -= scrollSpeed;
+		// Check collision with Lisa
+		if (!self.collected && self.intersects(lisa)) {
+			self.collected = true;
+			LK.getSound('collect').play();
+			startChallenge(self.bubbleType);
+			self.destroy();
+			bubbles.splice(bubbles.indexOf(self), 1);
+		}
+	};
+	return self;
+});
+var Tree = Container.expand(function () {
+	var self = Container.call(this);
+	var treeGraphics = self.attachAsset('tree', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.update = function () {
+		self.x -= scrollSpeed;
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x87CEEB
+});
+
+/**** 
+* Game Code
+****/ 
+// Game variables
+var lisa;
+var trees = [];
+var bubbles = [];
+var activeChallenge = null;
+var isPaused = false;
+// Scrolling
+var scrollSpeed = 3;
+var cameraX = 0;
+// LIPOINTS system
+var lipoints = storage.lipoints || {
+	light: 0,
+	destiny: 0,
+	shadow: 0,
+	lollipop: 0,
+	ocean: 0
+};
+var currentLevel = storage.currentLevel || 1;
+var totalLipoints = storage.totalLipoints || 0;
+// UI elements
+var levelText = new Text2('Level: 1', {
+	size: 36,
+	fill: 0xFFFFFF
+});
+levelText.anchor.set(0, 0);
+LK.gui.topRight.addChild(levelText);
+var lipointsText = new Text2('', {
+	size: 24,
+	fill: 0xFFFFFF
+});
+lipointsText.anchor.set(1, 0);
+lipointsText.y = 50;
+LK.gui.topRight.addChild(lipointsText);
+// Initialize Lisa
+lisa = game.addChild(new Lisa());
+lisa.x = 300;
+lisa.y = 2000;
+// Create initial trees
+function createTree(x, y) {
+	var tree = game.addChild(new Tree());
+	tree.x = x;
+	tree.y = y;
+	trees.push(tree);
+	return tree;
+}
+// Create starting platform
+createTree(300, 2200);
+createTree(600, 2100);
+createTree(900, 2000);
+createTree(1200, 2150);
+// Bubble types
+var bubbleTypes = ['light', 'destiny', 'shadow', 'lollipop', 'ocean'];
+function createBubble() {
+	if (bubbles.length < 3) {
+		var randomType = bubbleTypes[Math.floor(Math.random() * bubbleTypes.length)];
+		var bubble = game.addChild(new PowerBubble(randomType));
+		bubble.x = 2200 + Math.random() * 400;
+		bubble.y = 1800 + Math.random() * 400;
+		bubbles.push(bubble);
+	}
+}
+function resetLisaPosition() {
+	lisa.x = 300;
+	lisa.y = 2000;
+	lisa.velocityY = 0;
+	lisa.onGround = false;
+}
+function startChallenge(type) {
+	if (activeChallenge) return;
+	isPaused = true;
+	activeChallenge = game.addChild(new Challenge(type));
+	activeChallenge.x = 1024;
+	activeChallenge.y = 1366;
+	activeChallenge.setupChallenge();
+}
+function updateLipointsDisplay() {
+	var displayText = 'LIPOINTS:\n';
+	displayText += 'Light: ' + lipoints.light + '\n';
+	displayText += 'Destiny: ' + lipoints.destiny + '\n';
+	displayText += 'Shadow: ' + lipoints.shadow + '\n';
+	displayText += 'Lollipop: ' + lipoints.lollipop + '\n';
+	displayText += 'Ocean: ' + lipoints.ocean;
+	lipointsText.setText(displayText);
+	// Save to storage
+	storage.lipoints = lipoints;
+}
+function checkLevelUp() {
+	totalLipoints = lipoints.light + lipoints.destiny + lipoints.shadow + lipoints.lollipop + lipoints.ocean;
+	var requiredPoints = 10 * Math.pow(2, currentLevel - 1);
+	if (totalLipoints >= requiredPoints && currentLevel < 50) {
+		currentLevel++;
+		levelText.setText('Level: ' + currentLevel);
+		storage.currentLevel = currentLevel;
+		storage.totalLipoints = totalLipoints;
+		// Check for game completion
+		if (currentLevel >= 50) {
+			var highestType = getHighestLipointType();
+			LK.setTimeout(function () {
+				LK.showYouWin();
+			}, 1000);
+		}
+	}
+}
+function getHighestLipointType() {
+	var highest = 0;
+	var highestType = 'light';
+	for (var type in lipoints) {
+		if (lipoints[type] > highest) {
+			highest = lipoints[type];
+			highestType = type;
+		}
+	}
+	return highestType;
+}
+// Game controls
+game.down = function (x, y, obj) {
+	if (activeChallenge) return;
+	lisa.jump();
+};
+// Game update loop
+var treeSpawnTimer = 0;
+var bubbleSpawnTimer = 0;
+game.update = function () {
+	if (isPaused) return;
+	// Update camera following Lisa
+	cameraX = lisa.x - 400;
+	// Spawn trees
+	treeSpawnTimer++;
+	if (treeSpawnTimer > 120) {
+		var lastTree = trees[trees.length - 1];
+		if (lastTree && lastTree.x < cameraX + 2400) {
+			var newX = lastTree.x + 300 + Math.random() * 200;
+			var newY = 1900 + Math.random() * 400;
+			createTree(newX, newY);
+		}
+		treeSpawnTimer = 0;
+	}
+	// Spawn bubbles
+	bubbleSpawnTimer++;
+	if (bubbleSpawnTimer > 180) {
+		createBubble();
+		bubbleSpawnTimer = 0;
+	}
+	// Clean up off-screen trees
+	for (var i = trees.length - 1; i >= 0; i--) {
+		if (trees[i].x < cameraX - 300) {
+			trees[i].destroy();
+			trees.splice(i, 1);
+		}
+	}
+	// Clean up off-screen bubbles
+	for (var i = bubbles.length - 1; i >= 0; i--) {
+		if (bubbles[i].x < cameraX - 300) {
+			bubbles[i].destroy();
+			bubbles.splice(i, 1);
+		}
+	}
+};
+// Initialize display
+updateLipointsDisplay();
+levelText.setText('Level: ' + currentLevel);
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins