/**** 
* 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
	});
	var bridgeShadow = shadowContainer.attachAsset('shadow', {
		anchorX: .5,
		anchorY: 1
	});
	self.update = function () {
		bridgeShadow.width = self.width + 40;
		bridgeShadow.height = self.height + 40;
		bridgeShadow.rotation = self.rotation;
		bridgeShadow.x = self.x - Math.sin(bridgeShadow.rotation) * 20;
		bridgeShadow.y = self.y + Math.cos(bridgeShadow.rotation) * 20;
	};
	this.remove = function () {
		bridgeShadow.destroy();
		self.destroy();
	};
	// 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
	});
	characterGraphics.rotation = .02;
	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';
				var nextPlatform = platforms[currentPlatformOffset + 1];
				var platformGap = nextPlatform.x - self.currentPlatform.x - self.currentPlatform.width + 26;
				var platformOffset = currentBridge.height - platformGap;
				if (platformOffset < 0) {
					//We die;
					console.log("die due to short bridge");
					tween(currentBridge, {
						rotation: Math.PI
					}, {
						duration: 1000,
						easing: tween.bounceOut
					});
					LK.setTimeout(function () {
						self.state = 'dieshort';
					}, 550);
					LK.setTimeout(function () {
						LK.getSound('thump').play();
					}, 200);
					return;
				} else if (platformOffset > nextPlatform.width) {
					console.log("die due to large bridge");
					LK.setTimeout(function () {
						self.state = 'dielong';
					}, 550);
				} else {
					console.log("you survive");
					LK.setTimeout(function () {
						currentPlatformOffset++;
						self.currentPlatform = nextPlatform;
						self.state = 'walking';
					}, 520);
					var nwidth = 100 + Math.random() * 200;
					var np = addPlatform(platforms[platforms.length - 1].x + platforms[platforms.length - 1].width + 50 + nwidth / 2 + Math.random() * 750, nwidth);
					var npTargetY = np.y;
					np.y = 3500;
					tween(np, {
						y: npTargetY
					}, {
						duration: 500,
						easing: tween.easeOut
					});
				}
				tween(currentBridge, {
					rotation: Math.PI / 2
				}, {
					duration: 500,
					easing: tween.bounceOut
				});
				LK.setTimeout(function () {
					LK.getSound('thump').play();
				}, 50);
				//currentBridge.height = platformGap + nextPlatform.width;
				console.log(platformOffset);
			}
		}
		mouseIsDown = false;
	};
	var averages = [];
	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 (facekit.volume > .5 && false) {
						averages.push(facekit.pitch);
						if (averages.length > 5) {
							averages.shift();
						}
						var average = 0;
						for (var a = 0; a < averages.length; a++) {
							average += averages[a];
						}
						average /= averages.length;
						currentBridge.height = 50 + average * 2;
					}
					if (mouseIsDown) {
						currentBridge.height += 15;
					}
					break;
				}
			case 'dielong':
			case 'dieshort':
				{
					self.x += 20;
					var targetX = self.currentPlatform.x + self.currentPlatform.width + self.width / 2 + 50;
					if (self.state == 'dielong') {
						console.log(currentBridge.height);
						targetX = self.currentPlatform.x + self.currentPlatform.width + currentBridge.height + self.width / 2 + 50;
					}
					if (self.x > targetX) {
						self.state = 'died';
						tween(self, {
							x: self.x + 150,
							y: 3500
						}, {
							duration: 500,
							easing: tween.easeIn
						});
						LK.setTimeout(function () {
							LK.effects.flashScreen(0xff0000, 1000);
							LK.showGameOver();
						}, 500);
					}
					break;
				}
		}
		var targetX = -character.x + 400 - container.x;
		if (targetX <= 0) {
			container.x += targetX / 15;
			shadowContainer.x = container.x;
		}
	};
});
// DropIndicator class to represent the drop indicator in the game
var DropIndicator = Container.expand(function () {
	var self = Container.call(this);
	var dropIndicatorGraphics = self.attachAsset('dropindicator', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// 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
	});
	var platformShadow = shadowContainer.attachAsset('shadow', {
		anchorX: 0,
		anchorY: 0
	});
	self.height = 500;
	platformShadow.width = width + 40;
	platformShadow.height = self.height + 40;
	this.update = function () {
		platformShadow.x = self.x - 20;
		platformShadow.y = self.y - 20;
	};
	this.remove = function () {
		platformShadow.destroy();
		self.destroy();
	};
});

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

/**** 
* Game Code
****/ 
var shadowContainer = game.addChild(new Container());
var container = game.addChild(new Container());
var platforms = [];
var bridges = [];
function addPlatform(x, width) {
	var platform = container.addChild(new Platform(width));
	platform.y = 2400;
	platform.x = x;
	platform.width = width;
	platforms.push(platform);
	for (var a = 0; a < platforms.length - 4; a++) {
		if (platforms[a]) {
			platforms[a].remove();
			platforms[a] = undefined;
		}
	}
	return platform;
}
addPlatform(0, 500);
addPlatform(1000, 300);
var character = container.addChild(new Character());
var currentPlatformOffset = 0;
var dropIndicator = container.addChild(new DropIndicator());
character.currentPlatform = platforms[currentPlatformOffset];
character.y = 2402 - 5;
character.x = -200;
var currentBridge;
function addNewBridge(x) {
	currentBridge = container.addChild(new Bridge());
	currentBridge.scale.set(0, 0);
	tween(currentBridge, {
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 100,
		easing: tween.easeIn
	});
	currentBridge.y = 2400 + 25;
	currentBridge.x = x;
	bridges.push(currentBridge);
	for (var a = 0; a < bridges.length - 4; a++) {
		if (bridges[a]) {
			bridges[a].remove();
			bridges[a] = undefined;
		}
	}
}

===================================================================
--- original.js
+++ change.js
@@ -235,8 +235,9 @@
 addPlatform(0, 500);
 addPlatform(1000, 300);
 var character = container.addChild(new Character());
 var currentPlatformOffset = 0;
+var dropIndicator = container.addChild(new DropIndicator());
 character.currentPlatform = platforms[currentPlatformOffset];
 character.y = 2402 - 5;
 character.x = -200;
 var currentBridge;