/**** 
* Plugins
****/ 
var facekit = LK.import("@upit/facekit.v1");
var tween = LK.import("@upit/tween.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: .5,
		anchorY: 1
	});
	// Method to update the bridge's width based on voice pitch
});
// Character class to represent the character in the game
var Character = Container.expand(function () {
	var self = Container.call(this);
	var characterGraphics = self.attachAsset('character', {
		anchorX: 0.5,
		anchorY: 1
	});
	self.currentPlatform = undefined;
	self.state = 'walking';
	var mouseIsDown = false;
	game.down = function () {
		mouseIsDown = true;
	};
	game.up = function () {
		if (mouseIsDown) {
			if (self.state == 'bridge') {
				self.state = 'dropping';
				tween(currentBridge, {
					rotation: Math.PI / 2
				}, {
					duration: 300,
					easing: tween.bounceOut
				});
			}
		}
		mouseIsDown = false;
	};
	self.update = function () {
		switch (self.state) {
			case 'walking':
				{
					var targetX = self.currentPlatform.x + self.currentPlatform.width - self.width / 2 - 15;
					self.x += 20;
					if (self.x >= targetX) {
						self.x = targetX;
						self.state = 'bridge';
						addNewBridge(self.x + self.width / 2 - 10);
					}
					break;
				}
			case 'bridge':
				{
					if (mouseIsDown) {
						currentBridge.height += 10;
					}
				}
		}
	};
});
// Platform class to represent the platform in the game
var Platform = Container.expand(function (width) {
	var self = Container.call(this);
	var platformGraphics = self.attachAsset('platform', {
		anchorX: 0,
		anchorY: 0
	});
	self.height = 500;
	platformGraphics = width;
});

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

/**** 
* Game Code
****/ 
var container = game.addChild(new Container());
var platforms = [];
function addPlatform(x, width) {
	var platform = container.addChild(new Platform(width));
	platform.y = 2400;
	platform.x = x;
	platform.width = width;
	platforms.push(platform);
}
addPlatform(0, 500);
addPlatform(1000, 100);
addPlatform(1500, 300);
addPlatform(2200, 300);
var character = game.addChild(new Character());
character.currentPlatform = platforms[0];
var currentBridgeOffset = 0;
character.y = 2400;
character.x = -200;
var currentBridge;
function addNewBridge(x) {
	currentBridge = container.addChild(new Bridge());
	currentBridge.y = 2400 + 25;
	currentBridge.x = x;
}

===================================================================
--- original.js
+++ change.js
@@ -22,14 +22,55 @@
 	var characterGraphics = self.attachAsset('character', {
 		anchorX: 0.5,
 		anchorY: 1
 	});
+	self.currentPlatform = undefined;
+	self.state = 'walking';
+	var mouseIsDown = false;
+	game.down = function () {
+		mouseIsDown = true;
+	};
+	game.up = function () {
+		if (mouseIsDown) {
+			if (self.state == 'bridge') {
+				self.state = 'dropping';
+				tween(currentBridge, {
+					rotation: Math.PI / 2
+				}, {
+					duration: 300,
+					easing: tween.bounceOut
+				});
+			}
+		}
+		mouseIsDown = false;
+	};
+	self.update = function () {
+		switch (self.state) {
+			case 'walking':
+				{
+					var targetX = self.currentPlatform.x + self.currentPlatform.width - self.width / 2 - 15;
+					self.x += 20;
+					if (self.x >= targetX) {
+						self.x = targetX;
+						self.state = 'bridge';
+						addNewBridge(self.x + self.width / 2 - 10);
+					}
+					break;
+				}
+			case 'bridge':
+				{
+					if (mouseIsDown) {
+						currentBridge.height += 10;
+					}
+				}
+		}
+	};
 });
 // Platform class to represent the platform in the game
 var Platform = Container.expand(function (width) {
 	var self = Container.call(this);
 	var platformGraphics = self.attachAsset('platform', {
-		anchorX: 0.5,
+		anchorX: 0,
 		anchorY: 0
 	});
 	self.height = 500;
 	platformGraphics = width;
@@ -51,37 +92,21 @@
 	var platform = container.addChild(new Platform(width));
 	platform.y = 2400;
 	platform.x = x;
 	platform.width = width;
+	platforms.push(platform);
 }
-addPlatform(200, 500);
+addPlatform(0, 500);
 addPlatform(1000, 100);
 addPlatform(1500, 300);
 addPlatform(2200, 300);
-var bridge = game.addChild(new Bridge());
 var character = game.addChild(new Character());
+character.currentPlatform = platforms[0];
+var currentBridgeOffset = 0;
 character.y = 2400;
-character.x = 200;
-bridge.y = 2400 + 25;
-bridge.x = 200;
-var mouseIsDown = false;
-game.update = function () {
-	if (mouseIsDown) {
-		bridge.height += 5;
-	}
-};
-game.down = function () {
-	if (!mouseIsDown) {
-		mouseIsDown = true;
-	}
-};
-game.up = function () {
-	if (mouseIsDown) {
-		tween(bridge, {
-			rotation: Math.PI / 2
-		}, {
-			duration: 300,
-			easing: tween.bounceOut
-		});
-		mouseIsDown = false;
-	}
-};
\ No newline at end of file
+character.x = -200;
+var currentBridge;
+function addNewBridge(x) {
+	currentBridge = container.addChild(new Bridge());
+	currentBridge.y = 2400 + 25;
+	currentBridge.x = x;
+}
\ No newline at end of file