Play
:quality(85)/https://cdn.frvr.ai/6857204ad7374ba9c2eddb47.png)
:quality(85)/https://cdn.frvr.ai/68572040d7374ba9c2eddb45.png)
#HotelManagement
#BuildingGame
#StrategyGame
#MobileGame
#SimulationGame
Creation History
User prompt
It seems very artificial that customers do not arrive at a constant speed.
User prompt
You can only hold 1 customer in each room. When a new customer arrives, an angry word bubble will appear above them and they will leave. They will give a low score when they leave. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Match the room location used by incoming customers.
User prompt
Create two images: a full room and an empty room.
User prompt
show rooms as empty and occupied
User prompt
creating space between rooms to the right and left.
User prompt
creating space between rooms to the right and left.
User prompt
Give each incoming customer a scoring task ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
Create a hotel rating system so that guests can give a score out of 5. ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
move add room button below hotel
User prompt
center hotel room and directional keys vertically on the screen
User prompt
make the room price 10 dollars
User prompt
The arrangement of the rooms is arranged in a 3x6 pattern
User prompt
Open the rooms in every direction
User prompt
Fitting the room layout in 3x3x3 format equal to the hotel's dimensions
User prompt
Increase the number of rooms from 10 to 12
User prompt
prevent rooms from overlapping
User prompt
Let the customer come from outside the screen ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When you add a room, it will be deducted from the budget.
User prompt
Let's add $200 for each room
User prompt
Write the hotel budget on the top left, let's start with 1000 dollars
User prompt
Customers coming to the hotel can go to the grocery store. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
add grocery store to bottom of screen
User prompt
A maximum of 10 rooms can be added to each hotel.
User prompt
bringing the total number of rooms to 50.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
hotel0Rating: 0,
hotel1Rating: 0,
hotel2Rating: 0,
hotel3Rating: 0,
hotel4Rating: 0,
hotel0RatingCount: 0,
hotel1RatingCount: 0,
hotel2RatingCount: 0,
hotel3RatingCount: 0,
hotel4RatingCount: 0
});
/****
* Classes
****/
var AddRoomButton = Container.expand(function () {
var self = Container.call(this);
var buttonBg = self.attachAsset('add_room_button', {
anchorX: 0.5,
anchorY: 0.5
});
self.buttonText = self.addChild(new Text2('Add Room', {
size: 50,
fill: 0xFFFFFF
}));
self.buttonText.anchor.set(0.5, 0.5);
self.down = function (x, y, obj) {
if (totalRooms < 50 && hotelCounts[currentHotelIndex] < 18 && budget >= 10) {
if (hotels[currentHotelIndex].addRoom()) {
totalRooms++;
hotelCounts[currentHotelIndex]++;
budget -= 10; // Deduct $10 for each room
updateUI();
}
}
};
self.updateButton = function () {
if (totalRooms >= 50 || hotelCounts[currentHotelIndex] >= 18 || budget < 10) {
buttonBg.tint = 0x666666;
if (hotelCounts[currentHotelIndex] >= 18) {
self.buttonText.setText('Hotel Full');
} else if (budget < 10) {
self.buttonText.setText('Need $10');
} else {
self.buttonText.setText('Limit Reached');
}
} else {
buttonBg.tint = 0xffffff;
self.buttonText.setText('Add Room');
}
};
return self;
});
var Customer = Container.expand(function () {
var self = Container.call(this);
var customerGraphics = self.attachAsset('customer', {
anchorX: 0.5,
anchorY: 1.0
});
self.isAtHotel = true;
self.isMoving = false;
self.moveToGroceryStore = function () {
if (self.isMoving || !self.isAtHotel) return;
self.isMoving = true;
tween(self, {
y: 2400
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
self.isAtHotel = false;
self.isMoving = false;
// Stay at grocery store for a moment, then return
LK.setTimeout(function () {
self.returnToHotel();
}, 1500);
}
});
};
self.returnToHotel = function () {
if (self.isMoving || self.isAtHotel) return;
self.isMoving = true;
tween(self, {
y: 1266
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
self.isAtHotel = true;
self.isMoving = false;
// Complete scoring task and give rating
if (self.scoringTask && !self.hasCompletedTask) {
self.hasCompletedTask = true;
var taskSuccess = checkTaskCompletion(self.scoringTask);
var rating = taskSuccess ? Math.floor(Math.random() * 2) + 4 : Math.floor(Math.random() * 3) + 1; // 4-5 for success, 1-3 for failure
// Auto-rate the hotel based on task completion
var ratingKey = 'hotel' + currentHotelIndex + 'Rating';
var countKey = 'hotel' + currentHotelIndex + 'RatingCount';
var currentRating = storage[ratingKey] || 0;
var currentCount = storage[countKey] || 0;
var totalScore = currentRating * currentCount + rating;
var newCount = currentCount + 1;
var newRating = totalScore / newCount;
storage[ratingKey] = newRating;
storage[countKey] = newCount;
updateUI();
}
}
});
};
return self;
});
var GroceryStore = Container.expand(function () {
var self = Container.call(this);
var storeBg = self.attachAsset('grocery_store', {
anchorX: 0.5,
anchorY: 0.5
});
self.storeText = self.addChild(new Text2('Grocery Store', {
size: 40,
fill: 0xFFFFFF
}));
self.storeText.anchor.set(0.5, 0.5);
return self;
});
var Hotel = Container.expand(function () {
var self = Container.call(this);
// Hotel background
var hotelBg = self.attachAsset('hotel_bg', {
anchorX: 0.5,
anchorY: 0.5
});
// Properties
self.hotelId = 1;
self.roomCount = 0;
self.rooms = [];
self.setHotel = function (id) {
self.hotelId = id;
self.updateDisplay();
};
self.addRoom = function () {
if (self.roomCount < 18) {
// Max 18 rooms per hotel (3x6 grid)
var room = self.addChild(LK.getAsset('room', {
anchorX: 0.5,
anchorY: 0.5
}));
// Position rooms in 3x6 grid layout (3 columns, 6 rows)
var positions = [];
for (var row = 0; row < 6; row++) {
for (var col = 0; col < 3; col++) {
positions.push({
x: (col - 1) * 160,
// Center the grid: -160, 0, 160
y: (row - 2.5) * 130 // Center vertically around hotel: -325, -195, -65, 65, 195, 325
});
}
}
var targetX = positions[self.roomCount].x;
var targetY = positions[self.roomCount].y;
// Check for overlapping with existing rooms
var isOverlapping = false;
for (var i = 0; i < self.rooms.length; i++) {
var existingRoom = self.rooms[i];
var distanceX = Math.abs(existingRoom.x - targetX);
var distanceY = Math.abs(existingRoom.y - targetY);
// Check if rooms would overlap (room width is 150, height is 112.5, grid spacing is 160x130)
if (distanceX < 160 && distanceY < 130) {
isOverlapping = true;
break;
}
}
// If overlapping, try to find an alternative position
if (isOverlapping) {
var foundPosition = false;
// Try different directional positions
for (var tryPos = 0; tryPos < positions.length && !foundPosition; tryPos++) {
if (tryPos === self.roomCount) continue; // Skip the current position
targetX = positions[tryPos].x;
targetY = positions[tryPos].y;
isOverlapping = false;
// Check this position against all existing rooms
for (var i = 0; i < self.rooms.length; i++) {
var existingRoom = self.rooms[i];
var distanceX = Math.abs(existingRoom.x - targetX);
var distanceY = Math.abs(existingRoom.y - targetY);
if (distanceX < 160 && distanceY < 130) {
isOverlapping = true;
break;
}
}
if (!isOverlapping) {
foundPosition = true;
}
}
// If no position found, don't add the room
if (!foundPosition) {
room.destroy();
return false;
}
}
room.x = targetX;
room.y = targetY;
self.rooms.push(room);
self.roomCount++;
return true;
}
return false;
};
self.updateDisplay = function () {
// Clear existing rooms
for (var i = 0; i < self.rooms.length; i++) {
self.rooms[i].destroy();
}
self.rooms = [];
// Add rooms based on current count using 3x6 grid layout
var positions = [];
for (var row = 0; row < 6; row++) {
for (var col = 0; col < 3; col++) {
positions.push({
x: (col - 1) * 160,
// Center the grid: -160, 0, 160
y: (row - 2.5) * 130 // Center vertically around hotel: -325, -195, -65, 65, 195, 325
});
}
}
for (var i = 0; i < self.roomCount; i++) {
var room = self.addChild(LK.getAsset('room', {
anchorX: 0.5,
anchorY: 0.5
}));
room.x = positions[i].x;
room.y = positions[i].y;
self.rooms.push(room);
}
};
return self;
});
var NavigationButton = Container.expand(function () {
var self = Container.call(this);
var buttonBg = self.attachAsset('nav_button', {
anchorX: 0.5,
anchorY: 0.5
});
self.isLeft = true;
self.buttonText = null;
self.setText = function (text) {
if (self.buttonText) {
self.buttonText.destroy();
}
self.buttonText = self.addChild(new Text2(text, {
size: 40,
fill: 0xFFFFFF
}));
self.buttonText.anchor.set(0.5, 0.5);
};
self.down = function (x, y, obj) {
if (self.isLeft) {
currentHotelIndex = (currentHotelIndex - 1 + 5) % 5;
} else {
currentHotelIndex = (currentHotelIndex + 1) % 5;
}
updateHotelDisplay();
};
return self;
});
var RatingButton = Container.expand(function () {
var self = Container.call(this);
self.stars = [];
self.hotelIndex = 0;
self.currentRating = 0;
// Create 5 star buttons
for (var i = 0; i < 5; i++) {
var star = self.addChild(LK.getAsset('nav_button', {
anchorX: 0.5,
anchorY: 0.5
}));
star.scaleX = 0.6;
star.scaleY = 0.6;
star.x = (i - 2) * 80; // Space stars horizontally
star.tint = 0x666666; // Gray by default
star.starIndex = i + 1;
// Add star text
var starText = star.addChild(new Text2('★', {
size: 30,
fill: 0xFFFFFF
}));
starText.anchor.set(0.5, 0.5);
star.down = function (x, y, obj) {
self.setRating(this.starIndex);
};
self.stars.push(star);
}
self.setHotelIndex = function (index) {
self.hotelIndex = index;
self.updateDisplay();
};
self.setRating = function (rating) {
self.currentRating = rating;
// Update visual stars
for (var i = 0; i < 5; i++) {
if (i < rating) {
self.stars[i].tint = 0xFFD700; // Gold for selected stars
} else {
self.stars[i].tint = 0x666666; // Gray for unselected
}
}
// Save rating to storage
var ratingKey = 'hotel' + self.hotelIndex + 'Rating';
var countKey = 'hotel' + self.hotelIndex + 'RatingCount';
var currentRating = storage[ratingKey] || 0;
var currentCount = storage[countKey] || 0;
// Calculate new average rating
var totalScore = currentRating * currentCount + rating;
var newCount = currentCount + 1;
var newRating = totalScore / newCount;
storage[ratingKey] = newRating;
storage[countKey] = newCount;
// Update UI
updateUI();
};
self.updateDisplay = function () {
var ratingKey = 'hotel' + self.hotelIndex + 'Rating';
var rating = storage[ratingKey] || 0;
// Show current average rating
for (var i = 0; i < 5; i++) {
if (i < Math.round(rating)) {
self.stars[i].tint = 0xFFD700; // Gold for rated stars
} else {
self.stars[i].tint = 0x666666; // Gray for unrated
}
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2c3e50
});
/****
* Game Code
****/
// Game state variables
var hotels = [];
var currentHotelIndex = 0;
var totalRooms = 0;
var hotelCounts = [0, 0, 0, 0, 0];
var budget = 1000;
// UI elements
var hotelNameText;
var currentRoomsText;
var totalRoomsText;
var budgetText;
var ratingText;
var leftButton;
var rightButton;
var addRoomButton;
var ratingButton;
var currentHotel;
// Initialize hotels
for (var i = 0; i < 5; i++) {
hotels.push(new Hotel());
}
// Initialize hotel counts to match hotel room counts
for (var i = 0; i < 5; i++) {
hotelCounts[i] = hotels[i].roomCount;
}
// Position current hotel in center
currentHotel = game.addChild(hotels[0]);
currentHotel.x = 1024;
currentHotel.y = 1366;
// Create navigation buttons
leftButton = game.addChild(new NavigationButton());
leftButton.isLeft = true;
leftButton.setText('<');
leftButton.x = 400;
leftButton.y = 1366;
rightButton = game.addChild(new NavigationButton());
rightButton.isLeft = false;
rightButton.setText('>');
rightButton.x = 1648;
rightButton.y = 1366;
// Create add room button
addRoomButton = game.addChild(new AddRoomButton());
addRoomButton.x = 1024;
addRoomButton.y = 1900;
// Create rating button
ratingButton = game.addChild(new RatingButton());
ratingButton.x = 1024;
ratingButton.y = 2100;
ratingButton.setHotelIndex(0);
// Create UI text elements
hotelNameText = new Text2('Hotel 1', {
size: 80,
fill: 0xFFFFFF
});
hotelNameText.anchor.set(0.5, 0);
LK.gui.top.addChild(hotelNameText);
hotelNameText.y = 150;
currentRoomsText = new Text2('Rooms in this hotel: 0', {
size: 50,
fill: 0xFFFFFF
});
currentRoomsText.anchor.set(0.5, 0);
LK.gui.top.addChild(currentRoomsText);
currentRoomsText.y = 250;
totalRoomsText = new Text2('Total rooms: 0/50', {
size: 50,
fill: 0xFFFFFF
});
totalRoomsText.anchor.set(0.5, 0);
LK.gui.top.addChild(totalRoomsText);
totalRoomsText.y = 320;
budgetText = new Text2('Budget: $1000', {
size: 50,
fill: 0xFFFFFF
});
budgetText.anchor.set(0, 0);
LK.gui.topLeft.addChild(budgetText);
budgetText.x = 120;
budgetText.y = 50;
ratingText = new Text2('Rating: 0.0/5 (0 reviews)', {
size: 50,
fill: 0xFFFFFF
});
ratingText.anchor.set(0.5, 0);
LK.gui.top.addChild(ratingText);
ratingText.y = 390;
function updateHotelDisplay() {
// Remove current hotel
game.removeChild(currentHotel);
// Add new hotel
currentHotel = game.addChild(hotels[currentHotelIndex]);
currentHotel.x = 1024;
currentHotel.y = 1366;
currentHotel.setHotel(currentHotelIndex + 1);
ratingButton.setHotelIndex(currentHotelIndex);
updateUI();
}
function updateUI() {
hotelNameText.setText('Hotel ' + (currentHotelIndex + 1));
currentRoomsText.setText('Rooms in this hotel: ' + hotelCounts[currentHotelIndex]);
totalRoomsText.setText('Total rooms: ' + totalRooms + '/50');
budgetText.setText('Budget: $' + budget);
addRoomButton.updateButton();
// Update rating display
var ratingKey = 'hotel' + currentHotelIndex + 'Rating';
var countKey = 'hotel' + currentHotelIndex + 'RatingCount';
var rating = storage[ratingKey] || 0;
var count = storage[countKey] || 0;
ratingText.setText('Rating: ' + rating.toFixed(1) + '/5 (' + count + ' reviews)');
}
// Update hotel counts when rooms are added
function updateHotelCounts() {
totalRooms = 0;
for (var i = 0; i < 5; i++) {
hotelCounts[i] = hotels[i].roomCount;
totalRooms += hotelCounts[i];
}
}
game.update = function () {
updateHotelCounts();
// Spawn customers periodically if there are rooms in the current hotel
customerSpawnTimer++;
if (customerSpawnTimer >= 180 && hotelCounts[currentHotelIndex] > 0 && customers.length < 5) {
// Every 3 seconds, max 5 customers
customerSpawnTimer = 0;
spawnCustomer();
}
// Clean up customers that have been around too long
for (var i = customers.length - 1; i >= 0; i--) {
// Remove customers after they've made several trips (optional cleanup)
if (Math.random() < 0.001) {
// Very small chance to remove each frame
customers[i].destroy();
customers.splice(i, 1);
}
}
};
// Create grocery store at bottom of screen
var groceryStore = game.addChild(new GroceryStore());
groceryStore.x = 1024;
groceryStore.y = 2500;
// Customer management
var customers = [];
var customerSpawnTimer = 0;
function spawnCustomer() {
var customer = game.addChild(new Customer());
customer.x = 900 + Math.random() * 248; // Random position near hotel
customer.y = -100; // Start off-screen at the top
customers.push(customer);
// Move customer to hotel first
tween(customer, {
y: 1266
}, {
duration: 1500,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Give customer a scoring task when they arrive at hotel
customer.scoringTask = generateScoringTask();
customer.hasCompletedTask = false;
// Customer goes to grocery store after arriving at hotel and a random delay
LK.setTimeout(function () {
customer.moveToGroceryStore();
}, Math.random() * 3000 + 1000);
}
});
}
function generateScoringTask() {
var tasks = [{
type: 'room_count',
target: Math.floor(Math.random() * 10) + 5,
description: 'Wants at least X rooms'
}, {
type: 'rating',
target: Math.random() * 3 + 2,
description: 'Expects rating above X'
}, {
type: 'budget',
target: Math.floor(Math.random() * 500) + 200,
description: 'Hotel should have budget above $X'
}];
var task = tasks[Math.floor(Math.random() * tasks.length)];
// Customize target based on task type
if (task.type === 'room_count') {
task.target = Math.min(task.target, 15); // Max reasonable room expectation
task.description = 'Wants at least ' + task.target + ' rooms';
} else if (task.type === 'rating') {
task.target = Math.min(task.target, 4.5); // Max reasonable rating expectation
task.description = 'Expects rating above ' + task.target.toFixed(1);
} else if (task.type === 'budget') {
task.description = 'Hotel should have budget above $' + task.target;
}
return task;
}
function checkTaskCompletion(task) {
if (task.type === 'room_count') {
return hotelCounts[currentHotelIndex] >= task.target;
} else if (task.type === 'rating') {
var ratingKey = 'hotel' + currentHotelIndex + 'Rating';
var currentRating = storage[ratingKey] || 0;
return currentRating >= task.target;
} else if (task.type === 'budget') {
return budget >= task.target;
}
return false;
}
// Initialize UI
updateUI(); ===================================================================
--- original.js
+++ change.js
@@ -92,8 +92,25 @@
easing: tween.easeInOut,
onFinish: function onFinish() {
self.isAtHotel = true;
self.isMoving = false;
+ // Complete scoring task and give rating
+ if (self.scoringTask && !self.hasCompletedTask) {
+ self.hasCompletedTask = true;
+ var taskSuccess = checkTaskCompletion(self.scoringTask);
+ var rating = taskSuccess ? Math.floor(Math.random() * 2) + 4 : Math.floor(Math.random() * 3) + 1; // 4-5 for success, 1-3 for failure
+ // Auto-rate the hotel based on task completion
+ var ratingKey = 'hotel' + currentHotelIndex + 'Rating';
+ var countKey = 'hotel' + currentHotelIndex + 'RatingCount';
+ var currentRating = storage[ratingKey] || 0;
+ var currentCount = storage[countKey] || 0;
+ var totalScore = currentRating * currentCount + rating;
+ var newCount = currentCount + 1;
+ var newRating = totalScore / newCount;
+ storage[ratingKey] = newRating;
+ storage[countKey] = newCount;
+ updateUI();
+ }
}
});
};
return self;
@@ -487,13 +504,55 @@
}, {
duration: 1500,
easing: tween.easeInOut,
onFinish: function onFinish() {
+ // Give customer a scoring task when they arrive at hotel
+ customer.scoringTask = generateScoringTask();
+ customer.hasCompletedTask = false;
// Customer goes to grocery store after arriving at hotel and a random delay
LK.setTimeout(function () {
customer.moveToGroceryStore();
}, Math.random() * 3000 + 1000);
}
});
}
+function generateScoringTask() {
+ var tasks = [{
+ type: 'room_count',
+ target: Math.floor(Math.random() * 10) + 5,
+ description: 'Wants at least X rooms'
+ }, {
+ type: 'rating',
+ target: Math.random() * 3 + 2,
+ description: 'Expects rating above X'
+ }, {
+ type: 'budget',
+ target: Math.floor(Math.random() * 500) + 200,
+ description: 'Hotel should have budget above $X'
+ }];
+ var task = tasks[Math.floor(Math.random() * tasks.length)];
+ // Customize target based on task type
+ if (task.type === 'room_count') {
+ task.target = Math.min(task.target, 15); // Max reasonable room expectation
+ task.description = 'Wants at least ' + task.target + ' rooms';
+ } else if (task.type === 'rating') {
+ task.target = Math.min(task.target, 4.5); // Max reasonable rating expectation
+ task.description = 'Expects rating above ' + task.target.toFixed(1);
+ } else if (task.type === 'budget') {
+ task.description = 'Hotel should have budget above $' + task.target;
+ }
+ return task;
+}
+function checkTaskCompletion(task) {
+ if (task.type === 'room_count') {
+ return hotelCounts[currentHotelIndex] >= task.target;
+ } else if (task.type === 'rating') {
+ var ratingKey = 'hotel' + currentHotelIndex + 'Rating';
+ var currentRating = storage[ratingKey] || 0;
+ return currentRating >= task.target;
+ } else if (task.type === 'budget') {
+ return budget >= task.target;
+ }
+ return false;
+}
// Initialize UI
updateUI();
\ No newline at end of file
Images
:quality(85)/https://cdn.frvr.ai/68572359d7374ba9c2eddb60.png%3F3)
stickman top view. In-Game asset
:quality(85)/https://cdn.frvr.ai/68572931d7374ba9c2eddba9.png%3F3)
empty room top view. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6857296dd7374ba9c2eddbb2.png%3F3)
full room top view. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68572cefd7374ba9c2eddbdb.png%3F3)
left arrow. In-Game asset
:quality(85)/https://cdn.frvr.ai/685874280fe732401e1e7281.png%3F3)
destroyed and damaged red flag cross the stripe
:quality(85)/https://cdn.frvr.ai/685874a80fe732401e1e728c.png%3F3)
Hotel wall view from the front with flowers and mosses. In-Game asset
:quality(85)/https://cdn.frvr.ai/68587b7b0fe732401e1e72da.png%3F3)
16:9
:quality(85)/https://cdn.frvr.ai/68587c7a0fe732401e1e72eb.png%3F3)
Building silhouettes. In-Game asset
:quality(85)/https://cdn.frvr.ai/68587d840fe732401e1e72f2.png%3F3)
hotel bar top view. In-Game asset
Used plugins
@upit/tween@upit/storage
