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

/**** 
* Classes
****/ 
var Note = Container.expand(function () {
	var self = Container.call(this);
	var noteGraphics = self.attachAsset('note', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.isVisible = false;
	self.isCollected = false;
	noteGraphics.alpha = 0.3;
	self.pulse = function () {
		noteGraphics.alpha = 1.0;
		self.isVisible = true;
		tween(noteGraphics, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 100,
			onFinish: function onFinish() {
				tween(noteGraphics, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100
				});
			}
		});
	};
	self.fadeOut = function () {
		self.isVisible = false;
		tween(noteGraphics, {
			alpha: 0.3
		}, {
			duration: 200
		});
	};
	return self;
});
var Orb = Container.expand(function () {
	var self = Container.call(this);
	var orbGraphics = new Text2('G', {
		size: 60,
		fill: 0x00ffff
	});
	orbGraphics.anchor.set(0.5, 0.5);
	self.addChild(orbGraphics);
	self.isGlowing = false;
	self.startGlow = function () {
		if (!self.isGlowing) {
			self.isGlowing = true;
			tween(orbGraphics, {
				scaleX: 1.3,
				scaleY: 1.3
			}, {
				duration: 200
			});
		}
	};
	self.stopGlow = function () {
		if (self.isGlowing) {
			self.isGlowing = false;
			tween(orbGraphics, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 200
			});
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state management
var gameState = 'start'; // 'start', 'playing', 'gameOver'
var startScreen = null;
var startBackground = null;
var gameBackground = null;
var orb = null;
var notes = [];
var beatWindow = false;
var beatWindowCounter = 0;
var beatCounter = 0;
var dragNode = null;
// Background colors for different expressions
var neutralColor = 0x1a1a2e;
var smileColor = 0x4a90e2;
var frownColor = 0x8b0000;
var mouthOpenColor = 0x9b59b6;
var currentBgColor = neutralColor;
var scoreTxt = new Text2('0', {
	size: 100,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
scoreTxt.y = 100;
function createStartScreen() {
	startScreen = new Container();
	game.addChild(startScreen);
	// Create animated start background
	startBackground = startScreen.attachAsset('startBg', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 1.0,
		scaleY: 1.33
	});
	// Create multiple layers for depth effect
	var bgLayer1 = LK.getAsset('startBg', {
		anchorX: 0,
		anchorY: 0,
		scaleX: 1.2,
		scaleY: 1.2,
		alpha: 0.3
	});
	bgLayer1.x = -100;
	bgLayer1.y = -100;
	startScreen.addChild(bgLayer1);
	var bgLayer2 = LK.getAsset('startBg', {
		anchorX: 0,
		anchorY: 0,
		scaleX: 0.8,
		scaleY: 0.8,
		alpha: 0.5
	});
	bgLayer2.x = 200;
	bgLayer2.y = 200;
	startScreen.addChild(bgLayer2);
	// Animate background layers
	tween(bgLayer1, {
		rotation: Math.PI * 2
	}, {
		duration: 20000,
		repeat: -1
	});
	tween(bgLayer2, {
		rotation: -Math.PI * 2
	}, {
		duration: 15000,
		repeat: -1
	});
	// Title
	var titleText = new Text2('RHYTHM SYNC', {
		size: 120,
		fill: 0xff00ff
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 800;
	startScreen.addChild(titleText);
	// Subtitle
	var subtitleText = new Text2('Beat Catcher', {
		size: 60,
		fill: 0x00ff88
	});
	subtitleText.anchor.set(0.5, 0.5);
	subtitleText.x = 1024;
	subtitleText.y = 920;
	startScreen.addChild(subtitleText);
	// Play button background
	var playButtonBg = new Text2('G', {
		size: 120,
		fill: 0x00ffff
	});
	playButtonBg.anchor.set(0.5, 0.5);
	playButtonBg.x = 1024;
	playButtonBg.y = 1200;
	startScreen.addChild(playButtonBg);
	// Play button text
	var playText = new Text2('TAP TO PLAY', {
		size: 80,
		fill: 0xffff00
	});
	playText.anchor.set(0.5, 0.5);
	playText.x = 1024;
	playText.y = 1200;
	startScreen.addChild(playText);
	// Instructions
	var instructText = new Text2('Drag the orb to collect notes on the beat!', {
		size: 50,
		fill: 0xff6600
	});
	instructText.anchor.set(0.5, 0.5);
	instructText.x = 1024;
	instructText.y = 1400;
	startScreen.addChild(instructText);
	// Animate title
	tween(titleText, {
		scaleX: 1.1,
		scaleY: 1.1
	}, {
		duration: 1000,
		yoyo: true,
		repeat: -1
	});
}
function startGame() {
	gameState = 'playing';
	// Remove start screen
	if (startScreen) {
		startScreen.destroy();
		startScreen = null;
	}
	// Create animated game background
	gameBackground = game.attachAsset('gameBg', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 1.0,
		scaleY: 1.54
	});
	// Create floating elements for atmosphere
	var floatingElements = [];
	for (var i = 0; i < 8; i++) {
		var element = new Text2('G', {
			size: 20,
			fill: 0x00ffff
		});
		element.anchor.set(0.5, 0.5);
		element.alpha = 0.1;
		element.x = Math.random() * 2048;
		element.y = Math.random() * 2732;
		game.addChild(element);
		floatingElements.push(element);
		// Animate floating elements
		tween(element, {
			y: element.y + (Math.random() * 400 - 200),
			x: element.x + (Math.random() * 400 - 200),
			alpha: 0.3
		}, {
			duration: 3000 + Math.random() * 2000,
			yoyo: true,
			repeat: -1
		});
	}
	// Create orb
	orb = game.addChild(new Orb());
	orb.x = 1024;
	orb.y = 1366;
	// Start music
	LK.playMusic('bgmusic');
}
function spawnNote() {
	var note = new Note();
	note.x = Math.random() * 1848 + 100; // Keep notes within screen bounds
	note.y = Math.random() * 2532 + 100;
	notes.push(note);
	game.addChild(note);
}
function updateBackground() {
	var targetColor = neutralColor;
	if (facekitAvailable) {
		if (facekit.mouthOpen) {
			targetColor = mouthOpenColor;
		} else if (facekit.smile) {
			targetColor = smileColor;
		} else if (facekit.frown) {
			targetColor = frownColor;
		}
	}
	if (targetColor !== currentBgColor) {
		currentBgColor = targetColor;
		game.setBackgroundColor(targetColor);
	}
}
function handleMove(x, y, obj) {
	if (dragNode) {
		dragNode.x = x;
		dragNode.y = y;
	}
}
game.move = handleMove;
game.down = function (x, y, obj) {
	if (gameState === 'start') {
		startGame();
	} else if (gameState === 'playing' && orb) {
		dragNode = orb;
		handleMove(x, y, obj);
	}
};
game.up = function (x, y, obj) {
	if (gameState === 'playing') {
		dragNode = null;
	}
};
game.update = function () {
	if (gameState === 'playing') {
		beatCounter++;
		// Beat occurs every 30 ticks (0.5 seconds at 60fps)
		if (beatCounter >= 30) {
			beatCounter = 0;
			// Start beat window
			beatWindow = true;
			beatWindowCounter = 0;
			// Pulse all notes
			for (var i = 0; i < notes.length; i++) {
				notes[i].pulse();
			}
			// Glow orb during beat window
			if (orb) {
				orb.startGlow();
			}
			// Spawn new note occasionally
			if (Math.random() < 0.7) {
				spawnNote();
			}
		}
		// Manage beat window duration (8 ticks)
		if (beatWindow) {
			beatWindowCounter++;
			if (beatWindowCounter >= 8) {
				beatWindow = false;
				if (orb) {
					orb.stopGlow();
				}
				// Fade out notes after beat window
				for (var i = 0; i < notes.length; i++) {
					notes[i].fadeOut();
				}
			}
		}
		// Check for note collection
		if (orb) {
			for (var i = notes.length - 1; i >= 0; i--) {
				var note = notes[i];
				if (!note.isCollected && orb.intersects(note)) {
					if (beatWindow && note.isVisible) {
						// Perfect timing - full points
						LK.setScore(LK.getScore() + 10);
						LK.getSound('pulse').play();
					} else if (note.isVisible) {
						// Good timing - half points
						LK.setScore(LK.getScore() + 5);
						LK.getSound('pulse').play();
					}
					note.isCollected = true;
					note.destroy();
					notes.splice(i, 1);
					scoreTxt.setText(LK.getScore());
				}
			}
		}
		// Clean up old notes that haven't been collected
		if (LK.ticks % 180 === 0) {
			// Every 3 seconds
			for (var i = notes.length - 1; i >= 0; i--) {
				if (Math.random() < 0.3) {
					// 30% chance to remove old notes
					notes[i].destroy();
					notes.splice(i, 1);
				}
			}
		}
		// Update background based on facial expressions (if camera available)
		if (facekitAvailable) {
			updateBackground();
		}
		// Win condition at 500 points
		if (LK.getScore() >= 500) {
			LK.showYouWin();
		}
	}
};
// Initialize facekit for facial expression detection if camera is available
var facekitAvailable = false;
// Create start screen
createStartScreen();

===================================================================
--- original.js
+++ change.js
@@ -44,12 +44,14 @@
 	return self;
 });
 var Orb = Container.expand(function () {
 	var self = Container.call(this);
-	var orbGraphics = self.attachAsset('orb', {
-		anchorX: 0.5,
-		anchorY: 0.5
+	var orbGraphics = new Text2('G', {
+		size: 60,
+		fill: 0x00ffff
 	});
+	orbGraphics.anchor.set(0.5, 0.5);
+	self.addChild(orbGraphics);
 	self.isGlowing = false;
 	self.startGlow = function () {
 		if (!self.isGlowing) {
 			self.isGlowing = true;
@@ -173,14 +175,13 @@
 	subtitleText.x = 1024;
 	subtitleText.y = 920;
 	startScreen.addChild(subtitleText);
 	// Play button background
-	var playButtonBg = LK.getAsset('orb', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		scaleX: 2,
-		scaleY: 1.5
+	var playButtonBg = new Text2('G', {
+		size: 120,
+		fill: 0x00ffff
 	});
+	playButtonBg.anchor.set(0.5, 0.5);
 	playButtonBg.x = 1024;
 	playButtonBg.y = 1200;
 	startScreen.addChild(playButtonBg);
 	// Play button text
@@ -229,15 +230,14 @@
 	});
 	// Create floating elements for atmosphere
 	var floatingElements = [];
 	for (var i = 0; i < 8; i++) {
-		var element = LK.getAsset('orb', {
-			anchorX: 0.5,
-			anchorY: 0.5,
-			scaleX: 0.3,
-			scaleY: 0.3,
-			alpha: 0.1
+		var element = new Text2('G', {
+			size: 20,
+			fill: 0x00ffff
 		});
+		element.anchor.set(0.5, 0.5);
+		element.alpha = 0.1;
 		element.x = Math.random() * 2048;
 		element.y = Math.random() * 2732;
 		game.addChild(element);
 		floatingElements.push(element);