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

/**** 
* Classes
****/ 
var FaceShape = Container.expand(function () {
	var self = Container.call(this);
	self.faceOutline = self.attachAsset('faceOutline', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.leftEye = self.attachAsset('leftEye', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.rightEye = self.attachAsset('rightEye', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.nose = self.attachAsset('nose', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.mouth = self.attachAsset('mouth', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.currentColorIndex = 0;
	self.colorPalettes = [[0x3498db, 0xe74c3c, 0xf39c12, 0x9b59b6], [0x2ecc71, 0xe67e22, 0x34495e, 0x1abc9c], [0xf1c40f, 0x8e44ad, 0x16a085, 0xc0392b], [0x95a5a6, 0x2980b9, 0x27ae60, 0xd35400]];
	self.lastMouthOpen = false;
	self.updateFacePosition = function (faceX, faceY, faceWidth, faceHeight) {
		self.x = faceX;
		self.y = faceY;
		// Scale based on face size
		var scale = Math.max(faceWidth / 300, faceHeight / 400) * 0.8;
		self.faceOutline.scaleX = scale;
		self.faceOutline.scaleY = scale;
		// Position facial features relative to face center
		self.leftEye.x = -faceWidth * 0.15;
		self.leftEye.y = -faceHeight * 0.1;
		self.rightEye.x = faceWidth * 0.15;
		self.rightEye.y = -faceHeight * 0.1;
		self.nose.x = 0;
		self.nose.y = 0;
		self.mouth.x = 0;
		self.mouth.y = faceHeight * 0.15;
	};
	self.changeColors = function () {
		self.currentColorIndex = (self.currentColorIndex + 1) % self.colorPalettes.length;
		var palette = self.colorPalettes[self.currentColorIndex];
		tween(self.faceOutline, {
			tint: palette[0]
		}, {
			duration: 500
		});
		tween(self.leftEye, {
			tint: palette[1]
		}, {
			duration: 500
		});
		tween(self.rightEye, {
			tint: palette[1]
		}, {
			duration: 500
		});
		tween(self.nose, {
			tint: palette[2]
		}, {
			duration: 500
		});
		tween(self.mouth, {
			tint: palette[3]
		}, {
			duration: 500
		});
		LK.getSound('shapeChange').play();
	};
	self.update = function () {
		// Check for mouth open expression change
		var currentMouthOpen = facekit.mouthOpen;
		if (!self.lastMouthOpen && currentMouthOpen) {
			// Mouth just opened
			self.triggerExpression();
		}
		self.lastMouthOpen = currentMouthOpen;
		// Update mouth shape based on expression
		if (currentMouthOpen) {
			self.mouth.scaleY = 1.5;
		} else {
			self.mouth.scaleY = 1.0;
		}
	};
	self.triggerExpression = function () {
		// Create particle effect
		createParticleEffect(self.x, self.y);
		// Pulse effect on face outline
		tween(self.faceOutline, {
			scaleX: self.faceOutline.scaleX * 1.2,
			scaleY: self.faceOutline.scaleY * 1.2
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(self.faceOutline, {
					scaleX: self.faceOutline.scaleX / 1.2,
					scaleY: self.faceOutline.scaleY / 1.2
				}, {
					duration: 200
				});
			}
		});
		LK.getSound('expressionTrigger').play();
		LK.setScore(LK.getScore() + 10);
		scoreText.setText('Score: ' + LK.getScore());
	};
	return self;
});
var Particle = Container.expand(function () {
	var self = Container.call(this);
	self.graphic = self.attachAsset('particle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.velocityX = (Math.random() - 0.5) * 10;
	self.velocityY = (Math.random() - 0.5) * 10;
	self.life = 60; // 1 second at 60fps
	self.update = function () {
		self.x += self.velocityX;
		self.y += self.velocityY;
		self.life--;
		// Fade out over time
		self.graphic.alpha = self.life / 60;
		if (self.life <= 0) {
			self.destroy();
			// Remove from particles array
			for (var i = particles.length - 1; i >= 0; i--) {
				if (particles[i] === self) {
					particles.splice(i, 1);
					break;
				}
			}
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var faceShape;
var particles = [];
var scoreText;
var instructionText;
var expressionCount = 0;
var gameTime = 0;
// Create score display
scoreText = new Text2('Score: 0', {
	size: 60,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
// Create instruction text
instructionText = new Text2('Move your face and open your mouth!', {
	size: 40,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 1);
LK.gui.bottom.addChild(instructionText);
// Create main face shape
faceShape = game.addChild(new FaceShape());
function createParticleEffect(x, y) {
	for (var i = 0; i < 8; i++) {
		var particle = new Particle();
		particle.x = x;
		particle.y = y;
		particle.graphic.tint = Math.random() * 0xffffff;
		particles.push(particle);
		game.addChild(particle);
	}
}
// Handle tap to change colors
game.down = function (x, y, obj) {
	faceShape.changeColors();
};
// Main game update loop
game.update = function () {
	gameTime++;
	// Update face position based on face tracking
	if (facekit.mouthCenter) {
		// Calculate face dimensions and position
		var faceX = (facekit.leftEye.x + facekit.rightEye.x) / 2;
		var faceY = (facekit.leftEye.y + facekit.chin.y) / 2;
		var faceWidth = Math.abs(facekit.rightEye.x - facekit.leftEye.x) * 3;
		var faceHeight = Math.abs(facekit.chin.y - facekit.leftEye.y) * 1.5;
		faceShape.updateFacePosition(faceX, faceY, faceWidth, faceHeight);
	}
	// Auto color change every 5 seconds
	if (gameTime % 300 === 0) {
		faceShape.changeColors();
	}
	// Update score based on time
	if (gameTime % 60 === 0) {
		LK.setScore(LK.getScore() + 1);
		scoreText.setText('Score: ' + LK.getScore());
	}
	// Update instruction text based on score
	if (LK.getScore() > 100) {
		instructionText.setText('Amazing! Keep expressing yourself!');
	} else if (LK.getScore() > 50) {
		instructionText.setText('Great job! Try different expressions!');
	}
};

===================================================================
--- original.js
+++ change.js
@@ -150,9 +150,9 @@
 /**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 0x2c3e50
+	backgroundColor: 0x000000
 });
 
 /**** 
 * Game Code