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

Play

to be deleted

octo

8LevelsTest175

3mo

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

User prompt

perfect, the tutorial implementation is perfect, but the anchoring is offset, it needs to be at the bottom left of the assets. I basically need the 2 assets to be highers and a bit to the right

User prompt

Create a new asset named "Tutorial_Face" and display it at the bottom left corner of the screen. this whill be the face of the tutorial character that will appear in each level from level 1 to level 8 of the game. next to the right of this asset, another asset name "Tutorial_Text_Box" also similarly appears, and this will act as the background for the text that will appear in each level. each level shows a different text, even thous we use the same standard and anchoring for the text which is alligned to the center. So we need a different text for each of the 8 levels, which will act as clues for the player to read in each level

User prompt

don't show the back button in level 0 where you should the buttons that can access the 9 levels

User prompt

Problem: The Button class references levels[levelNumber - 1], assuming levelNumber starts from 1 for all levels. However, since the levels array includes level_0 (the main menu) at index 0, this offset causes mismatched indexing, leading to unintended levels being displayed. Solution: Adjust the indexing logic so Button refers to the correct level. For example: Instead of levels[levelNumber - 1], use levels[levelNumber].

User prompt

ensure level1 asset is associated as the background for level 1 and can be accessed by pressing the level 1 button. don't change th e rest of the buttons which do access their correct levels and have their backgroudn correctly associated, we only have a bug for level 1 and the asset level1

User prompt

ensure the asset level1 is associated as the background for level 1 which can be accessed by pressing the level 1 button

User prompt

now there's something wrong with the background of the levels, as they seem to be shifted now. ensure the asset Level1 is associated to level 1, asset Level2 is associated to level 2, and so on up until asset Level9 is associated to level 9. right now Level1 is actually associated to the button that goes to level 2

User prompt

create both an asset and an container for Level_0. there's now a Level 0, which is the starting point of the game and acts as the main menu and contains the button, thus it needs it's own individual asset. to make it distinct for the other 9 actual levels

User prompt

now, the buttons should only be visible in the main screen, the default opening one, but when the player clicks on a button and enters that level, the buttons should not be visible or active anymore. instead, replace them with a single asset named "Button_Back" which you will need to create. place this button inside every level, in the middle of the screen but towards the bottom part of the screen. pressing this button returns the player to level 0 which is the default screen which contains the 9 buttons that take the player to one of the 9 game levels

Code edit (1 edits merged)

Please save this source code

User prompt

✅ Increase the gap between the buttons and make the gap a single global variable which can be changed fro masingle place

User prompt

✅ Increase the gap between the buttons

User prompt

increase the gap between the buttons

User prompt

increase the space between the buttons and make the buttons all square

User prompt

place the buttons grid so it's centered in the center of the screen. the center of the grid which corresponds to level 5 should be in the center of the screen

User prompt

instead of having all the button spread i nan array in a single column, place them on a 3 by 3 grid

Remix started

Copy 8 levels test

/**** 
* 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;
	};
});
var Button = Container.expand(function (levelNumber) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('button', {
		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);
	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;
	};
});
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 >= 1 && levelNumber <= 8) {
		var tutorialFace = self.attachAsset('Tutorial_Face', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 100,
			y: 2632
		});
		var tutorialTextBox = self.attachAsset('Tutorial_Text_Box', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 400,
			y: 2632
		});
		var tutorialText = new Text2('Tutorial text for level ' + levelNumber, {
			size: 50,
			fill: 0xFFFFFF
		});
		tutorialText.anchor.set(0.5, 0.5);
		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
	});
});

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

/**** 
* Game Code
****/ 
// Change the height to 200 to make the button square
var score = 0;
var level = 1;
var maxLevels = 9;
var hero = {
	x: 0,
	y: 0
}; // Define the hero object
var scoreTxt = new Text2('0', {
	size: 150,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// 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++) {
	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
	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
@@ -93,18 +93,18 @@
 		y: 2732 / 2
 	});
 	if (levelNumber >= 1 && levelNumber <= 8) {
 		var tutorialFace = self.attachAsset('Tutorial_Face', {
-			anchorX: 0.0,
-			anchorY: 1.0,
-			x: 0,
-			y: 2732
+			anchorX: 0.5,
+			anchorY: 0.5,
+			x: 100,
+			y: 2632
 		});
 		var tutorialTextBox = self.attachAsset('Tutorial_Text_Box', {
-			anchorX: 0.0,
-			anchorY: 1.0,
-			x: 200,
-			y: 2732
+			anchorX: 0.5,
+			anchorY: 0.5,
+			x: 400,
+			y: 2632
 		});
 		var tutorialText = new Text2('Tutorial text for level ' + levelNumber, {
 			size: 50,
 			fill: 0xFFFFFF