Upit | Learn about creating the game Bubble Tea Bedlam with gen AI

Play

Bubble Tea Bedlam

ludonarrativedisstrack

BubbleTeaBedlam

1.9K

11mo

Playit

Oh no! You dropped the customers boba! Catch it before it falls on the floor!

#bubbletea

#casualgame

#foodgame

#taptoplay

#mixandmatch

#drop

#catch

#boba

Creation History

User prompt

Fix Bug: 'ReferenceError: Can't find variable: customer' in this line: 'customer.request();' Line Number: 16

User prompt

Fix Bug: 'ReferenceError: Can't find variable: resetGame' in this line: 'resetGame();' Line Number: 16

User prompt

1. Initialize the `gameStarted` variable at the beginning of the `Game` class. Set it to `false` to indicate that the game has not started yet. This variable will be used to control the flow of the game and to prevent game logic from running before the game has actually started. 2. Create an instance of the `StartButton` class within the `Game` class and add it to the game stage. This will make the start button visible and interactive. When the start button is pressed, it should trigger the game to start. 3. Ensure that the `StartButton`'s event listener that sets `gameStarted` to `true` is working correctly. Once the start button is pressed and the game is set to start, the button should be destroyed or removed from the stage to prevent it from being pressed again. 4. Make sure that the game logic within the `Game` class checks for `gameStarted` being `true` before executing. This will ensure that the game only runs its logic when it is supposed to start. 5. After the game has started, you should also ensure that the game logic is correctly handling the creation of customers, bubble teas, and ingredients, as well as checking for the correct combinations and updating the score accordingly.

User prompt

Center start button so that it's visible to the player

User prompt

Increase the space between the three order graphics by five pixels above the customers head

User prompt

make the start button visible on the screen

User prompt

change the point tally into a money format USD. Every correct order (win state) is $2.50 added to the tally

User prompt

1. Within the 'Game' class, set up a mechanism to periodically create new ingredient instances. This could be done using a timer or by counting ticks to determine when to create a new ingredient. 2. When it's time to create a new ingredient, instantiate one of the ingredient classes (such as `Topping`, `Fruit`, `Jelly`, `Pudding`, `Pearl`) and set its initial position at the top of the screen or at a specific spawn point. 3. Add the newly created ingredient instance to the game world, which typically involves adding it to the 'Game' container or a specific layer within the game that handles game objects. 4. In the `LK.on('tick', function() {...})` event, iterate over all the existing ingredient instances and call their `move` method to update their position, simulating the falling motion. 5. Implement logic to check if the ingredients have reached the bottom of the screen or a specific y-coordinate. If they have, remove them from the game world and destroy the instances to free up resources. 6. Ensure that the falling ingredients can interact with other game elements, such as being caught by the bubble tea container.

User prompt

the angry and happy graphics only display once the game is either won or lost

User prompt

2. After the asset is created, set the x and y coordinates of the `StartButton` container. Use the `self.width` and `self.height` properties to position the button in the center of the screen horizontally and vertically.

User prompt

move the angry asset behind the cupgraphic

User prompt

when start buttoni s pressed, the level begins and the ingredients start falling

User prompt

place cup graphic in front of all other graphics

User prompt

once the start button is pressed, it disappears. and does not appear again until the end of the level.

User prompt

move start buttpn to top of screen

User prompt

when the angry or happy assets are displayed, display them over the customer at 75% opacity

User prompt

if the player gets the order correct, display happy asset.

User prompt

include in game mechanics two reactions to the order. if the player gets the order correct, display happy asset. If the player gets the order wrong, display the angry asset.

User prompt

raise the start button 600 pixels upward

User prompt

anchor start button in center of screen on the xy axis

User prompt

remove anchor to start button

User prompt

1. Retrieve the graphical asset for the start button using `LK.getAsset`, which will give you an object representing the button with its anchor point set to the values provided in the `anchor_x` and `anchor_y` parameters. 2. Set the anchor point of the start button to the center of the asset. This is typically done by setting the anchor point to (0.5, 0.5), which means the anchor is at the center of the asset both horizontally and vertically. 3. Calculate the center position of the screen using the virtual resolution provided by the LK game engine. Since the virtual resolution is 2048x2732, the center would be at (2048 / 2, 2732 / 2). 4. Set the `x` and `y` properties of the start button to these center values. Because the anchor point is set to the center of the asset, setting the `x` and `y` properties to the center of the screen will position the button exactly in the middle.

User prompt

Raise the start button to the center of the y axis on the screen

User prompt

raise the start button to the center of the x axis on the screen

User prompt

move the start button to the center of the screen

var StartButton = Container.expand(function () {
	var self = Container.call(this);
	self.on('down', function (obj) {
		console.log('Start button was pressed');
		resetGame();
		customer.request();
		startButton.destroy();
	});
	var startButtonGraphics = self.createAsset('startButton', 'Start Button');
	self.x = 2048 / 2;
	self.y = 2732 / 2;
});
var Customer = Container.expand(function () {
	var self = Container.call(this);
	var customerGraphics = self.createAsset('customer', 'Customer', .5, .5);
	self.request = function () {
		var ingredientTypes = ['Topping', 'Fruit', 'Jelly', 'Pudding', 'Pearl'];
		var request = [];
		for (var i = 0; i < 3; i++) {
			var randomIndex = Math.floor(Math.random() * ingredientTypes.length);
			request.push(ingredientTypes[randomIndex]);
		}
		self.order = request;
		return request;
	};
	self.createOrderVisual = function () {
		var orderVisual = new Container();
		for (var i = 0; i < self.order.length; i++) {
			var ingredientAsset = LK.getAsset(self.order[i], 'Ingredient', .5, .5);
			orderVisual.addChild(ingredientAsset);
			ingredientAsset.x = i * ingredientAsset.width;
		}
		orderVisual.x = self.x - orderVisual.width / 2 + 30;
		orderVisual.y = self.y - orderVisual.height - self.height * 0.3 - 150;
		return orderVisual;
	};
});
var BubbleTea = Container.expand(function () {
	var self = Container.call(this);
	var teaGraphics = self.createAsset('bubbleTea', 'Bubble Tea', .5, .5);
	self.move = function (x) {
		self.x = x;
	};
	self.catch = function (topping) {
		if (self.intersects(topping)) {
			self.addChild(topping);
			topping.x = 0;
			topping.y = 0;
		}
	};
});
var Ingredient = Container.expand(function (assetId) {
	var self = Container.call(this);
	var ingredientGraphics = self.createAsset(assetId, 'Ingredient', .5, .5);
	self.speed = Math.random() * 5 + 1;
	self.move = function () {
		self.y += self.speed;
	};
});
var Topping = Ingredient.expand(function () {
	var self = Ingredient.call(this, 'topping');
});
var Fruit = Ingredient.expand(function () {
	var self = Ingredient.call(this, 'fruit');
});
var Jelly = Ingredient.expand(function () {
	var self = Ingredient.call(this, 'jelly');
});
var Pudding = Ingredient.expand(function () {
	var self = Ingredient.call(this, 'pudding');
});
var Pearl = Ingredient.expand(function () {
	var self = Ingredient.call(this, 'pearl');
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var gameStarted = false;
	var bubbleTeas = [];
	var ingredients = [];
	var scoreTxt = new Text2('0', {
		size: 150,
		fill: "#ffffff"
	});
	scoreTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(scoreTxt);
	var startButton = self.addChild(new StartButton());
	startButton.x = 2048 / 2;
	startButton.y = 2732 - startButton.height / 2;
	self.addChild(startButton);
	var customer = self.addChild(new Customer());
	customer.x = 2048 / 2 - 500;
	customer.y = 2732 - customer.height / 2;
	self.addChild(customer);
	var bubbleTea = self.addChild(new BubbleTea());
	bubbleTea.x = 2048 / 2;
	bubbleTea.y = 2732 - bubbleTea.height / 2;
	bubbleTea.on('down', function (obj) {
		console.log('Bubble tea was pressed');
	});
	customer.request();
	var orderVisual = customer.createOrderVisual();
	self.addChild(orderVisual);
	stage.on('move', function (obj) {
		var pos = obj.event.getLocalPosition(self);
		bubbleTea.move(pos.x);
	});
	LK.on('tick', function () {
		if (gameStarted) {
			for (var a = ingredients.length - 1; a >= 0; a--) {
				if (ingredients[a]) {
					ingredients[a].move();
					bubbleTea.catch(ingredients[a]);
					if (ingredients[a].y > 2732) {
						ingredients[a].destroy();
						ingredients.splice(a, 1);
					}
				}
			}
		}
		var order = customer.order;
		for (var i = 0; i < order.length; i++) {
			if (!bubbleTea.children.some(function (child) {
				return child.assetId === order[i];
			})) {
				console.log('Wrong combination!');
				return;
			}
		}
		console.log('Correct combination!');
		orderVisual.destroy();
		customer.destroy();
		customer = self.addChild(new Customer());
		customer.x = 0;
		customer.y = 0;
		LK.gui.topLeft.addChild(customer);
		customer.request();
		orderVisual = customer.createOrderVisual();
		self.addChild(orderVisual);
		if (LK.ticks % 60 == 0) {
			var ingredientTypes = [Topping, Fruit, Jelly, Pudding, Pearl];
			var randomIndex = Math.floor(Math.random() * ingredientTypes.length);
			var newIngredient = new ingredientTypes[randomIndex]();
			newIngredient.x = Math.random() * 2048;
			newIngredient.y = 0;
			ingredients.push(newIngredient);
			self.addChild(newIngredient);
		}
	});
});

===================================================================
--- original.js
+++ change.js
@@ -5,9 +5,9 @@
 		resetGame();
 		customer.request();
 		startButton.destroy();
 	});
-	var startButtonGraphics = self.createAsset('startButton', 'Start Button', .5, .5);
+	var startButtonGraphics = self.createAsset('startButton', 'Start Button');
 	self.x = 2048 / 2;
 	self.y = 2732 / 2;
 });
 var Customer = Container.expand(function () {

Showing 151 to 175 of 206

1 2 3 4 5 6 7 8 9

Images

Fruit jelly boba pearls, no cup
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

pile of Fruit jelly boba pearls, no cup
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

kawaii harajuku customer, mask,
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

fruit shiny anime, no face

Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

boba pearls, pile, no cup, shiny anime
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

red bean, shiny anime, pile no cup

Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

shiny plastic cup, no lid, anime, empty
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

whipped milk foam, creamy fluff, anime,
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

flan pudding, shiny, anime

Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

anime angry lines, red cross
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Tea shop interior, anime cafe

Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Speech bubble 💬, "don't drop!"
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

UI point box, white square
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Most played remixes

Main