Upit | Learn about creating the game Lumberjack Valentine Day with gen AI

===================================================================
--- original.js
+++ change.js
@@ -1,27 +1,57 @@
 var ResourceDisplay = Container.expand(function (resources) {
 	var self = Container.call(this);
-	self.woodDisplay = new WoodDisplay(resources.wood);
-	self.rockDisplay = new RockDisplay(resources.rock);
-	self.foodDisplay = new FoodDisplay(resources.food);
-	self.addChild(self.woodDisplay);
-	self.addChild(self.rockDisplay);
-	self.addChild(self.foodDisplay);
+	self.woodDisplay = self.addChild(new WoodDisplay(resources.wood));
+	self.rockDisplay = self.addChild(new RockDisplay(resources.rock));
+	self.foodDisplay = self.addChild(new FoodDisplay(resources.food));
+	self.woodDisplay.x = 100;
+	self.woodDisplay.y = 50;
+	self.rockDisplay.x = 300;
+	self.rockDisplay.y = 50;
+	self.foodDisplay.x = 500;
+	self.foodDisplay.y = 50;
 });
 var Romance = Container.expand(function () {
 	var self = Container.call(this);
 });
 var WoodDisplay = Container.expand(function (woodResource) {
 	var self = Container.call(this);
 	self.woodResource = woodResource;
+	var woodGraphics = self.createAsset('wood', 'Wood Resource Display', 0.5, 0.5);
+	self.addChild(woodGraphics);
+	var woodText = new Text2(woodResource.amount.toString(), {
+		size: 50,
+		fill: "#ffffff"
+	});
+	woodText.x = woodGraphics.width / 2;
+	woodText.y = woodGraphics.height + 20;
+	self.addChild(woodText);
 });
 var RockDisplay = Container.expand(function (rockResource) {
 	var self = Container.call(this);
 	self.rockResource = rockResource;
+	var rockGraphics = self.createAsset('rock', 'Rock Resource Display', 0.5, 0.5);
+	self.addChild(rockGraphics);
+	var rockText = new Text2(rockResource.amount.toString(), {
+		size: 50,
+		fill: "#ffffff"
+	});
+	rockText.x = rockGraphics.width / 2;
+	rockText.y = rockGraphics.height + 20;
+	self.addChild(rockText);
 });
 var FoodDisplay = Container.expand(function (foodResource) {
 	var self = Container.call(this);
 	self.foodResource = foodResource;
+	var foodGraphics = self.createAsset('food', 'Food Resource Display', 0.5, 0.5);
+	self.addChild(foodGraphics);
+	var foodText = new Text2(foodResource.amount.toString(), {
+		size: 50,
+		fill: "#ffffff"
+	});
+	foodText.x = foodGraphics.width / 2;
+	foodText.y = foodGraphics.height + 20;
+	self.addChild(foodText);
 });
 var Well = Container.expand(function () {
 	var self = Container.call(this);
 	self.initialize();
Creation History

Images
