Upit | Learn about creating the game Duck Race with gen AI

===================================================================
--- original.js
+++ change.js
@@ -34,45 +34,22 @@
 var HzBar = Container.expand(function () {
 	var self = Container.call(this);
 	var barGraphics = self.attachAsset('hzBar', {
 		width: 0,
-		// Initialize width to 0
 		anchorX: 0.0,
 		anchorY: 0.5
 	});
-	// Define the maximum pitch for full width
-	var maxPitch = 2000; // Set the maximum pitch value you expect
-	var screenWidth = 1500; // Adjust to your actual screen width for proper scaling
 	self.update = function () {
 		// Only update the bar's width and color when the player is speaking
 		if (facekit.volume > 0.5 && facekit.mouthOpen) {
-			// Scale the pitch to the bar width
-			barGraphics.width = Math.min(screenWidth, facekit.pitch / maxPitch * screenWidth);
-			// Change color based on the pitch value
-			if (facekit.pitch < 800) {
-				self.tint = 0x87CEEB; // Light blue for low pitch
-			} else {
-				self.tint = 0xFF0000; // Red for high pitch
-			}
+			// Update the bar's width based on the pitch
+			// The maximum width is the screen width minus the starting position of the bar
+			// Multiply the pitch by the maximum width and divide by the maximum pitch (2000Hz)
+			barGraphics.width = facekit.pitch * ((1500 - hzBar.x) / 400);
+			// Update the bar's color based on the pitch
 		}
-	};
-	return self;
-});
-// PlayerDuck class representing the player's duck
-var PlayerDuck = Container.expand(function () {
-	var self = Container.call(this);
-	// Create a playerDuck graphic and assign it to the playerDuck instance
-	var playerDuckGraphics = self.attachAsset('playerDuck', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	self.speed = 5;
-	self.update = function () {
-		if (countdown == 0 && facekit.volume > 0.5 && facekit.mouthOpen) {
-			// Move only if volume is above the threshold and the player is speaking
-			// Update the speed based on the pitch
-			self.speed = facekit.pitch / 100;
-			self.x += self.speed;
+		if (facekit.pitch < 800) {
+			self.tint = 0xFF0000; // Indigo for low pitch
 		}
 	};
 	return self;
 });
Creation History

Images

Sounds & Music

Used plugins
