Upit | Learn about creating the game Harvest Haven with gen AI
Play
game-community-background
game-pic

29

1

9mo

Playit
Harvest haven, es un juego de granjas muy simplificado con un satisfactorio método de rejugabilidad.
#farming
#simulation
#strategy
#isometric
#casual
##harvest
#rpg

Creation History

User prompt

necesitamos una hotbar y algo de ambientacion

User prompt

quiero que esten todas las plots centradas y necesitamos el boton de tienda y una tienda funcional con el inventario

Code edit (1 edits merged)

Please save this source code

User prompt

Harvest Haven

Initial prompt

quiero que crees un juego de granjas con vista isométrica que tenga un bucle jugable con una tienda sistema de inventario

===================================================================
--- original.js
+++ change.js
@@ -137,8 +137,73 @@
 		}
 	};
 	return self;
 });
+var HotbarSlot = Container.expand(function (seedType, index) {
+	var self = Container.call(this);
+	self.seedType = seedType;
+	self.index = index;
+	self.isSelected = false;
+	var slotBg = self.attachAsset('hotbarSlot', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.selectedBg = self.addChild(LK.getAsset('hotbarSlotSelected', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	}));
+	self.selectedBg.visible = false;
+	// Add seed visual
+	if (seedType) {
+		var seedVisual = self.addChild(LK.getAsset(seedType, {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			scaleX: 0.8,
+			scaleY: 0.8
+		}));
+	}
+	// Add count text
+	self.countText = new Text2('0', {
+		size: 30,
+		fill: 0xFFFFFF
+	});
+	self.countText.anchor.set(0.5, 0.5);
+	self.countText.x = 0;
+	self.countText.y = 40;
+	self.addChild(self.countText);
+	self.updateCount = function (count) {
+		self.countText.setText(count.toString());
+		self.alpha = count > 0 ? 1.0 : 0.5;
+	};
+	self.setSelected = function (selected) {
+		self.isSelected = selected;
+		self.selectedBg.visible = selected;
+		if (selected) {
+			tween(self, {
+				scaleX: 1.1,
+				scaleY: 1.1
+			}, {
+				duration: 200,
+				easing: tween.easeInOut
+			});
+		} else {
+			tween(self, {
+				scaleX: 1.0,
+				scaleY: 1.0
+			}, {
+				duration: 200,
+				easing: tween.easeInOut
+			});
+		}
+	};
+	self.down = function (x, y, obj) {
+		if (seeds[self.seedType] > 0) {
+			selectedSeed = self.seedType;
+			updateHotbar();
+		}
+	};
+	return self;
+});
 var InventoryPanel = Container.expand(function () {
 	var self = Container.call(this);
 	var panelBg = self.attachAsset('inventoryPanel', {
 		anchorX: 0.5,
@@ -422,26 +487,77 @@
 		inventoryPanel.updateInventory();
 		isInventoryOpen = true;
 	}
 };
-// Seed selection
-game.down = function (x, y, obj) {
-	if (!isShopOpen && !isInventoryOpen) {
-		// Cycle through available seeds
-		var seedTypes = Object.keys(seeds).filter(function (type) {
-			return seeds[type] > 0;
-		});
-		if (seedTypes.length > 0) {
-			var currentIndex = seedTypes.indexOf(selectedSeed);
-			var nextIndex = (currentIndex + 1) % seedTypes.length;
-			selectedSeed = seedTypes[nextIndex];
-			updateUI();
+// Create hotbar
+var hotbarSlots = [];
+var hotbarContainer = new Container();
+hotbarContainer.x = 1024;
+hotbarContainer.y = 2600;
+game.addChild(hotbarContainer);
+// Create hotbar slots for each seed type
+var seedTypes = ['crop1', 'crop2', 'crop3'];
+seedTypes.forEach(function (seedType, index) {
+	var slot = new HotbarSlot(seedType, index);
+	slot.x = (index - 1) * 140;
+	slot.y = 0;
+	hotbarContainer.addChild(slot);
+	hotbarSlots.push(slot);
+});
+// Add environmental grass elements
+var grassElements = [];
+for (var i = 0; i < 15; i++) {
+	var grassType = 'grass' + (Math.floor(Math.random() * 3) + 1);
+	var grass = game.addChild(LK.getAsset(grassType, {
+		anchorX: 0.5,
+		anchorY: 0.5
+	}));
+	// Position grass randomly around the farm area
+	grass.x = Math.random() * 2048;
+	grass.y = Math.random() * 2732;
+	grass.alpha = 0.6;
+	// Animate grass gently
+	tween(grass, {
+		scaleX: 1.1,
+		scaleY: 1.1
+	}, {
+		duration: 2000 + Math.random() * 1000,
+		easing: tween.easeInOut,
+		onFinish: function onFinish() {
+			tween(grass, {
+				scaleX: 1.0,
+				scaleY: 1.0
+			}, {
+				duration: 2000 + Math.random() * 1000,
+				easing: tween.easeInOut,
+				onFinish: function onFinish() {
+					// Loop animation
+					if (grass.parent) {
+						grass.parent.update();
+					}
+				}
+			});
 		}
-	}
+	});
+	grassElements.push(grass);
+}
+function updateHotbar() {
+	hotbarSlots.forEach(function (slot) {
+		var count = seeds[slot.seedType] || 0;
+		slot.updateCount(count);
+		slot.setSelected(slot.seedType === selectedSeed);
+	});
+}
+// Initialize hotbar
+updateHotbar();
+// Remove old seed selection behavior - hotbar handles it now
+game.down = function (x, y, obj) {
+	// Hotbar slots handle their own clicks now
 };
 function updateUI() {
 	coinsText.setText('Coins: ' + coins);
 	seedText.setText('Selected: ' + cropData[selectedSeed].name + ' (' + (seeds[selectedSeed] || 0) + ')');
+	updateHotbar();
 	// Save progress
 	storage.coins = coins;
 	storage.seeds = seeds;
 	storage.inventory = inventory;
Showing 201 to 205 of 205
123456789

Images

buy button. In-Game asset. 2d. High contrast. No shadows inventory button. In-Game asset. 2d. High contrast. No shadows shop button. In-Game asset. 2d. High contrast. No shadows X button. In-Game asset. 2d. High contrast. No shadows dirt. In-Game asset. 2d. High contrast. No shadows lechuga. In-Game asset. 2d. High contrast. No shadows tomate. In-Game asset. 2d. High contrast. No shadows semilla. In-Game asset. 2d. High contrast. No shadows sell button. In-Game asset. 2d. High contrast. No shadows maiz. In-Game asset. 2d. High contrast. No shadows sell all button. In-Game asset. 2d. High contrast. No shadows upgrade button. In-Game asset. 2d. High contrast. No shadows Hotbar slot. In-Game asset. 2d. High contrast. No shadows Quita el cesped de abajo Flying minion flower. In-Game asset. 2d. High contrast. No shadows Aspersor. In-Game asset. 2d. High contrast. No shadows Que sea verde y hectagonal Arbol de habilidades botón. In-Game asset. 2d. High contrast. No shadows calabaza. In-Game asset. 2d. High contrast. No shadows sandia entera planta uva. In-Game asset. 2d. High contrast. No shadows trufa. In-Game asset. 2d. High contrast. No shadows orquidea. In-Game asset. 2d. High contrast. No shadows

Used plugins

@upit/tween@upit/storage
Home
Discover
Play
Profile