Upit | Learn about creating the game to be deleted with gen AI

Play

to be deleted

octo

8LevelsTest175

4mo

Playit

Your phone has been hacked! Encryption walls, firewalls, and deadly traps stand between you and your phone. Can you solve the hacker's algorithms and reclaim control?

#UpitPuzzleContest

#escape the room

#puzzle

#strategy

#hacking

#hacker

#simulation

Creation History

Code edit (18 edits merged)

Please save this source code

User prompt

move the time 400 pixels to the right and 100 pixels lower

Code edit (1 edits merged)

Please save this source code

User prompt

the top_ui asset is stretched out of the screen it needs to be confined within the width of the screen

Code edit (1 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

make the timer text color black

Code edit (1 edits merged)

Please save this source code

User prompt

I still cant see the ui top bar, add it as part of the GUI

Code edit (9 edits merged)

Please save this source code

User prompt

i still cant see the ui bar!

Code edit (1 edits merged)

Please save this source code

User prompt

i still cant see the ui top bar inside the screen

User prompt

change the anchor or position of the top ui bar as I still cant see it inside the screen at the top part

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

change the top ui bar anchor to it's top

User prompt

create a new asset named UI_Bar and anchor it to the top side of the screen, and also make it the same width as the width of the screen, but only 150 pixels tall

User prompt

deplete the timer at a rate of 0.2 instead of 10

User prompt

when the timer hits 0% it should take the player to level 12, as if the app_12 button has been pressed

User prompt

when the timer hits 0% it should take the player to level 12

Code edit (2 edits merged)

Please save this source code

User prompt

make the timer deplete faster

Code edit (4 edits merged)

Please save this source code

User prompt

move the restart button in level 12 in the center of the screen

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var BackButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('Button_Back', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		for (var i = 0; i < levels.length; i++) {
			levels[i].visible = false;
			if (i < levelButtons.length) {
				levelButtons[i].visible = true;
			}
		}
		levels[0].visible = true;
		// Removed battery percentage reset to make timer independent of the game
		tween.stop(tutorialFace);
		tween.stop(tutorialTextBox);
		tutorialFace.y = tutorialFaceStartPosition;
		tutorialTextBox.y = tutorialTextBoxStartPosition;
		isAnimating = false;
	};
});
var Button = Container.expand(function (levelNumber) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('App_' + levelNumber, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var buttonText = new Text2(levelNumber.toString(), {
		size: 50,
		fill: 0xFFFFFF
	});
	buttonText.anchor.set(0.5, 0.5);
	self.addChild(buttonText);
	// Add unique name under each app button
	var appNames = ["System Settings", "App Two", "App Three", "App Four", "Contacts", "App Store", "Bitcoin Miner", "Binary Files", "App Nine", "App Ten", "App Eleven", "App Twelve"];
	var appNameText = new Text2(appNames[levelNumber - 1], {
		size: 50,
		fill: 0xFFFFFF,
		stroke: 0x000000,
		// Add black outline
		strokeThickness: 8 // Set outline thickness
	});
	appNameText.anchor.set(0.5, 0);
	appNameText.y = buttonGraphics.height / 2 + 20; // Position below the button
	self.addChild(appNameText);
	self.down = function (x, y, obj) {
		for (var i = 0; i < levels.length; i++) {
			levels[i].visible = false;
			if (i < levelButtons.length) {
				levelButtons[i].visible = false;
			}
		}
		levels[levelNumber].visible = true;
		// Trigger tutorial animation if entering levels 1-8
		if (levelNumber >= 1 && levelNumber <= 8) {
			tween.stop(tutorialFace);
			tween.stop(tutorialTextBox);
			tutorialFace.y = tutorialFaceStartPosition;
			tutorialTextBox.y = tutorialTextBoxStartPosition;
			isAnimating = false;
			levels[levelNumber]._animateTutorialAssets();
		}
	};
});
var Door = Container.expand(function (levelNumber) {
	var self = Container.call(this);
	var doorGraphics = self.attachAsset('Door_' + levelNumber, {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	self.down = function (x, y, obj) {
		for (var i = 0; i < levels.length; i++) {
			levels[i].visible = false;
		}
		var nextLevel = levels[self.levelToGo - 1];
		nextLevel.visible = true;
		if (nextLevel instanceof GameOverState) {
			nextLevel.startTimer();
		}
	};
});
var GameOverState = Container.expand(function () {
	var self = Container.call(this);
	self.timer = null;
	self.startTimer = function () {
		self.timer = LK.setTimeout(function () {
			LK.showGameOver();
		}, 2000);
	};
	self.stopTimer = function () {
		if (self.timer) {
			LK.clearTimeout(self.timer);
			self.timer = null;
		}
	};
	// Attach the level 9 asset as the background of the game over state
	var levelBackground = self.attachAsset('level9', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 2048,
		height: 2732,
		x: 2048 / 2,
		y: 2732 / 2
	});
});
var Level = Container.expand(function (levelNumber) {
	var self = Container.call(this);
	// Attach the corresponding level asset as the background of the level
	var levelBackground = self.attachAsset('level' + levelNumber, {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 2048,
		height: 2732,
		x: 2048 / 2,
		y: 2732 / 2
	});
	if (levelNumber === 10) {
		levelBackground = self.attachAsset('level10', {
			anchorX: 0.5,
			anchorY: 0.5,
			width: 2048,
			height: 2732,
			x: 2048 / 2,
			y: 2732 / 2
		});
	} else if (levelNumber === 11) {
		levelBackground = self.attachAsset('level11', {
			anchorX: 0.5,
			anchorY: 0.5,
			width: 2048,
			height: 2732,
			x: 2048 / 2,
			y: 2732 / 2
		});
	} else if (levelNumber === 12) {
		levelBackground = self.attachAsset('level12', {
			anchorX: 0.5,
			anchorY: 0.5,
			width: 2048,
			height: 2732,
			x: 2048 / 2,
			y: 2732 / 2
		});
		// Add Restart button
		var restartButton = new Container();
		var restartGraphics = restartButton.attachAsset('Restart', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		restartButton.x = 2048 / 2; // Center horizontally
		restartButton.y = 2732 / 2 + 100; // Center vertically
		restartButton.down = function (x, y, obj) {
			LK.showGameOver(); // Trigger Game Over condition
		};
		self.addChild(restartButton);
	}
	if (levelNumber >= 1 && levelNumber <= 8) {
		var _animateTutorialAssets = function animateTutorialAssets() {
			if (isAnimating) {
				return;
			}
			isAnimating = true;
			tutorialFace.y = tutorialFaceStartPosition;
			tutorialTextBox.y = tutorialTextBoxStartPosition;
			// Intro animation for tutorialFace
			tween(tutorialFace, {
				y: tutorialFaceRestPosition // Resting position
			}, {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Rest position for 5 seconds
					LK.setTimeout(function () {
						// Outro animation for tutorialFace
						tween(tutorialFace, {
							y: tutorialFaceStartPosition // Starting position
						}, {
							duration: ANIMATION_DURATION,
							easing: tween.easeInOut
						});
					}, REST_DURATION);
				}
			});
			// Intro animation for tutorialTextBox
			tween(tutorialTextBox, _defineProperty({
				y: tutorialTextBoxRestPosition
			}, "y", tutorialTextBoxStartY), {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Rest position for 5 seconds
					LK.setTimeout(function () {
						// Outro animation for tutorialTextBox
						tween(tutorialTextBox, _defineProperty({
							y: tutorialTextBoxStartPosition
						}, "y", tutorialTextBoxStartY), {
							duration: ANIMATION_DURATION,
							easing: tween.easeInOut
						});
					}, REST_DURATION);
				}
			});
		};
		var tutorialFace = self.attachAsset('Tutorial_Face', {
			anchorX: 0.0,
			anchorY: 1.0,
			x: tutorialFaceStartX,
			y: tutorialFaceStartPosition // Always below the screen
		});
		// Add event listener to tutorialFace to trigger animation outro on click
		tutorialFace.down = function (x, y, obj) {
			tween.stop(tutorialFace);
			tween.stop(tutorialTextBox);
			tween(tutorialFace, {
				y: tutorialFaceStartPosition
			}, {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					isAnimating = false;
				}
			});
			tween(tutorialTextBox, {
				y: tutorialTextBoxStartPosition
			}, {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut
			});
		};
		var tutorialTextBox = new Container();
		var tutorialTextBoxGraphics = tutorialTextBox.attachAsset('Tutorial_Text_Box', {
			anchorX: 0.0,
			anchorY: 1.0,
			x: +600,
			y: tutorialTextBoxStartY // Starting y position for tutorialTextBox
		});
		// Add event listener to tutorialTextBox to trigger animation outro on click
		tutorialTextBoxGraphics.down = function (x, y, obj) {
			tween.stop(tutorialFace);
			tween.stop(tutorialTextBox);
			tween(tutorialFace, {
				y: tutorialFaceStartPosition
			}, {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					isAnimating = false;
				}
			});
			tween(tutorialTextBox, {
				y: tutorialTextBoxStartPosition
			}, {
				duration: ANIMATION_DURATION,
				easing: tween.easeInOut
			});
		};
		self.addChild(tutorialTextBox);
		// Define animation duration
		self._animateTutorialAssets = function () {
			animateTutorialAsset(tutorialFace, tutorialFaceStartPosition, tutorialFaceRestPosition);
			animateTutorialAsset(tutorialTextBox, tutorialTextBoxStartPosition, tutorialTextBoxRestPosition);
		};
		var tutorialTextContent = ["Your phone’s locked. Yeah, that was me. Don’t panic—you’ll get it back. I need to know if you’re as good as I think. Crack this simple lock.", "Alright, decent start. You’re curious—good. Who am I? Let’s just say I’m looking for someone with skills. To earn your next app, cut through the noise and find the clear signal. Let’s see if you’re up for it.", "You’ve got potential. But potential isn’t enough. This firewall is your next test. Every system has a weakness. Find it, exploit it, and keep moving. You’ve got more to prove.", "You’re getting closer. Each step isn’t just about unlocking apps—it’s about showing you can think deeper. This level’s all about layers. The answer is buried in the code. Strip it back and expose the truth.", "You’ve surprised me, but now it gets serious. The key here is invisibility. Work quietly, leave no trace, and recover what’s hidden. The only way forward is to stay unseen.", "You’ve come far, but this is where most fail. Overthinking is your enemy. The solution is always simpler than it seems. Patterns are everywhere—connect them to escape the maze.", "You’re almost there. This one’s different—it’s about perception. Forget the obvious, focus on what others overlook. The answer is in the patterns you don’t see at first glance. Prove you can think beyond the surface.", "This is the final puzzle. Everything you’ve learned leads here. No shortcuts, no mistakes. Break through this lock, and you’ll prove you’re ready. Show me you’re more than potential—you’re the real deal."];
		var tutorialText = new Text2(tutorialTextContent[levelNumber - 1], {
			size: 50,
			fill: 0xFFFFFF,
			wordWrap: true,
			// Enable word wrap
			wordWrapWidth: 1000,
			// Set word wrap width to 1000 pixels
			stroke: 0x000000,
			// Add black outline
			strokeThickness: 10 // Set outline thickness to 3
		});
		tutorialText.anchor.set(0.5, 0.5);
		tutorialText.x = tutorialTextBox.width - 100;
		tutorialText.y = tutorialTextBox.height - 250;
		tutorialTextBox.addChild(tutorialText);
	}
	if (levelNumber == 1) {
		var door1 = new Door(1);
		var door2 = new Door(2);
		door1.x = 2048 / 2 - 400;
		door1.y = 2732 / 2 + 750;
		door2.x = 2048 / 2 + 470;
		door2.y = 2732 / 2 + 750;
		self.addChild(door1);
		self.addChild(door2);
		var levelsToGo = [2, 9];
		levelsToGo.sort(function () {
			return 0.5 - Math.random();
		});
		door1.levelToGo = levelsToGo[0];
		door2.levelToGo = levelsToGo[1];
	}
	self.isPassed = function () {
		// Define the condition for the level to be considered as passed
		// This is a placeholder, replace with the actual condition
		return false;
	};
	self.update = function () {
		// Update logic for the level
		// Check if the level is passed
		if (self.isPassed()) {
			// Hide the current level
			self.visible = false;
			// Show the next level
			var nextLevelIndex = levels.indexOf(self) + 1;
			if (nextLevelIndex < levels.length) {
				levels[nextLevelIndex].visible = true;
			} else {
				// If there are no more levels, the game is won
				LK.showGameWon();
			}
		}
	};
});
//<Assets used in the game will automatically appear here>
// Define the Level class
var Level_0 = Container.expand(function () {
	var self = Container.call(this);
	// Attach the corresponding level asset as the background of the level
	var levelBackground = self.attachAsset('level0', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 2048,
		height: 2732,
		x: 2048 / 2,
		y: 2732 / 2
	});
	// Reset tutorial assets to starting positions
	tutorialFace = self.attachAsset('Tutorial_Face', {
		anchorX: 0.0,
		anchorY: 1.0,
		x: tutorialFaceStartX,
		y: tutorialFaceStartPosition // Start below the screen
	});
	tutorialTextBox = new Container();
	var tutorialTextBoxGraphics = tutorialTextBox.attachAsset('Tutorial_Text_Box', {
		anchorX: 0.0,
		anchorY: 1.0,
		x: tutorialTextBoxStartX,
		y: tutorialTextBoxStartPosition // Start below the screen
	});
	// Ensure tutorialTextBox is not visible at the start of level 0
	tutorialTextBox.visible = false;
	self.addChild(tutorialTextBox);
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
var uiBar = LK.getAsset('UI_Bar', {
	anchorX: 0.0,
	anchorY: 0.0,
	x: 2048 / 2,
	y: 0 // Position at the top of the screen
});
LK.gui.top.addChild(uiBar);
function _typeof(o) {
	"@babel/helpers - typeof";
	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
		return typeof o;
	} : function (o) {
		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
	}, _typeof(o);
}
function _defineProperty(e, r, t) {
	return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
		value: t,
		enumerable: !0,
		configurable: !0,
		writable: !0
	}) : e[r] = t, e;
}
function _toPropertyKey(t) {
	var i = _toPrimitive(t, "string");
	return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
	if ("object" != _typeof(t) || !t) {
		return t;
	}
	var e = t[Symbol.toPrimitive];
	if (void 0 !== e) {
		var i = e.call(t, r || "default");
		if ("object" != _typeof(i)) {
			return i;
		}
		throw new TypeError("@@toPrimitive must return a primitive value.");
	}
	return ("string" === r ? String : Number)(t);
}
function animateTutorialAsset(asset, startPosition, restPosition) {
	asset.y = startPosition; // Ensure it starts at the correct position
	tween(asset, {
		y: restPosition
	}, {
		duration: ANIMATION_DURATION,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			LK.setTimeout(function () {
				tween(asset, {
					y: startPosition
				}, {
					duration: ANIMATION_DURATION,
					easing: tween.easeInOut
				});
			}, REST_DURATION);
		}
	});
}
// Define global animation duration variables
var ANIMATION_DURATION = 1000;
var REST_DURATION = 7000; // Duration for how long the assets stay in the resting position
var tutorialTextBoxStartX = 0; // Starting x position for tutorialTextBox
// Change the height to 200 to make the button square
var tutorialFaceStartX = 0; // Starting x position for tutorialFace
var tutorialFaceStartPosition = 4200; // Below screen
var tutorialTextBoxStartPosition = 3000; // Below screen
var tutorialFaceRestPosition = 2900; // Resting position for tutorialFace
var tutorialTextBoxStartY = 1000; // Starting y position for tutorialTextBox 
var tutorialTextBoxRestPosition = 800; // Resting position for tutorialTextBox
// Define tutorialFace and tutorialTextBox globally
var tutorialFace;
var tutorialTextBox;
var isAnimating = false;
var score = 0;
var level = 1;
var maxLevels = 12;
var hero = {
	x: 0,
	y: 0
}; // Define the hero object
var batteryPercentage = 99;
var depletionRate = 0.2; // Percentage points per second 
var batteryTxt = new Text2(batteryPercentage + '%', {
	size: 150,
	fill: 0xFFFFFF
});
batteryTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(batteryTxt);
function updateBattery() {
	batteryPercentage -= depletionRate / 60; // Deplete based on 60 FPS
	if (batteryPercentage <= 0) {
		batteryPercentage = 0;
		transitionToLevel12();
	}
	batteryTxt.setText(Math.floor(batteryPercentage) + '%');
}
function transitionToLevel12() {
	for (var i = 0; i < levels.length; i++) {
		levels[i].visible = false;
	}
	levels[11].visible = true; // Level 12 is at index 11
	// Simulate app_12 button press
	if (levelButtons[11]) {
		levelButtons[11].down();
	}
}
game.update = function () {
	updateBattery();
};
// Function to handle move events
function handleMove(x, y, obj) {
	hero.x = x;
	hero.y = y;
}
// Initialize the levels
var levels = [];
var level_0 = new Level_0();
levels.push(level_0);
game.addChild(level_0);
for (var i = 0; i < maxLevels; i++) {
	var level;
	if (i + 1 === 9) {
		level = new GameOverState();
	} else {
		level = new Level(i + 1);
	}
	levels.push(level);
	game.addChild(level);
}
// Hide all levels except the first one
for (var i = 1; i < levels.length; i++) {
	levels[i].visible = false;
}
// Create the debug menu buttons
var levelButtons = [];
for (var i = 0; i < maxLevels; i++) {
	// Only create buttons for levels 1 through 8
	var buttonGap = 600; // Define a global variable for the gap between buttons
	var button = new Button(i + 1);
	button.x = 1024 + (i % 3 - 1) * buttonGap; // Use the global variable for the gap between buttons horizontally
	button.y = 1366 - 200 + (Math.floor(i / 3) - 1) * buttonGap; // Use the global variable for the gap between buttons vertically
	game.addChild(button);
	levelButtons.push(button);
}
for (var i = 1; i < levels.length; i++) {
	// Start from 1 to skip level 0
	if (i !== 12) {
		// Skip adding back button to level 12
		var backButton = new BackButton();
		backButton.x = 2048 / 2;
		backButton.y = 2732 - 200;
		levels[i].addChild(backButton);
	}
}
// Set up event listeners
game.move = handleMove;
game.down = handleMove;
game.up = function (x, y, obj) {
	// No action needed on up event
};

===================================================================
--- original.js
+++ change.js
@@ -367,9 +367,9 @@
 /**** 
 * Game Code
 ****/ 
 var uiBar = LK.getAsset('UI_Bar', {
-	anchorX: 0.5,
+	anchorX: 0.0,
 	anchorY: 0.0,
 	x: 2048 / 2,
 	y: 0 // Position at the top of the screen
 });