Upit | Learn about creating the game PitchBridge with gen AI

Play

PitchBridge

benjaminsen

PitchBridge

699

2mo

Playit

Control the length of your bridge using nothing but your voice! In PitchBridge, your vocal pitch determines how far your bridge extends. Sing, hum, or speak at the right tone to create the perfect bridge and cross to the next platform. But be careful—too short or too long, and you’ll fall!

#puzzle

#voicecontrol

#creativity

#bridgebuilding

#uniquegameplay

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

Add a character to the game

Code edit (6 edits merged)

Please save this source code

User prompt

include the tween plugin and nothing else ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (12 edits merged)

Please save this source code

User prompt

Please fix the bug: 'container is not a function. (In 'container(new Platform(width))', 'container' is an instance of Object)' in or related to this line: 'platformGraphics = width;' Line Number: 32

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

Add a platform class to the game

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: Can't find variable: bridge' in or related to this line: 'bridge.width = facekit.pitch;' Line Number: 37

User prompt

Add the facekit api ↪💡 Consider importing and using the following plugins: @upit/facekit.v1

Code edit (1 edits merged)

Please save this source code

Initial prompt

Pitch Bridges

/**** 
* Plugins
****/ 
var facekit = LK.import("@upit/facekit.v1");

/**** 
* Classes
****/ 
// Bridge class to represent the bridge being built
var Bridge = Container.expand(function () {
	var self = Container.call(this);
	var bridgeGraphics = self.attachAsset('bridge', {
		anchorX: 0,
		anchorY: 0.5
	});
	self.width = facekit.pitch;
	// Method to update the bridge's width based on voice pitch
});
// Platform class to represent the platform in the game
var Platform = Container.expand(function () {
	var self = Container.call(this);
	var platformGraphics = self.attachAsset('platform', {
		anchorX: 0,
		anchorY: 0.5
	});
	self.width = 200;
	self.height = 20;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
var bridge = game.addChild(new Bridge());
bridge.x = 500;
bridge.y = 500;
game.update = function () {
	bridge.width = facekit.pitch;
};
//<Assets used in the game will automatically appear here>

===================================================================
--- original.js
+++ change.js
@@ -13,11 +13,20 @@
 		anchorX: 0,
 		anchorY: 0.5
 	});
 	self.width = facekit.pitch;
-	self.height = 20; // Fixed height for the bridge
 	// Method to update the bridge's width based on voice pitch
 });
+// Platform class to represent the platform in the game
+var Platform = Container.expand(function () {
+	var self = Container.call(this);
+	var platformGraphics = self.attachAsset('platform', {
+		anchorX: 0,
+		anchorY: 0.5
+	});
+	self.width = 200;
+	self.height = 20;
+});
 
 /**** 
 * Initialize Game
 ****/

Showing 576 to 589 of 589

1 ...18 19 20 21 22 23 24

Images

White gameplay character, black outline.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

White ribbon banner with text "Hit this pitch with your voice".
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

Fast white up arrow. Simple design. Black background..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

Sounds & Music

🎵

thump

Sound effect

Used plugins

@upit/facekit@upit/tween

Main