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

/**** 
* Classes
****/ 
// Crossfader: Controls mix between decks
var Crossfader = Container.expand(function () {
	var self = Container.call(this);
	// State
	self.value = 0.5; // 0 = left, 1 = right
	self.dragging = false;
	// Visuals
	var track = self.attachAsset('crossfaderTrack', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var knob = self.attachAsset('crossfaderKnob', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	knob.y = 0;
	// Methods
	self.setValue = function (val) {
		self.value = Math.max(0, Math.min(1, val));
		knob.x = (self.value - 0.5) * (track.width - knob.width);
	};
	// Touch events
	self.down = function (x, y, obj) {
		self.dragging = true;
		self.setValue(x / track.width);
	};
	self.up = function (x, y, obj) {
		self.dragging = false;
	};
	self.move = function (x, y, obj) {
		if (self.dragging) {
			self.setValue(x / track.width);
		}
	};
	return self;
});
// DeckPlatter: Represents a turntable platter
var DeckPlatter = Container.expand(function () {
	var self = Container.call(this);
	// State
	self.isActive = false;
	self.isScratching = false;
	self.lastAngle = 0;
	self.rotationOffset = 0;
	self.currentRotation = 0;
	self.track = 'A'; // 'A' or 'B'
	self.playing = true;
	self.scratchSpeed = 0;
	self.lastTouchAngle = null;
	// Visuals
	var platter = self.attachAsset('deckPlatter', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var highlight = self.attachAsset('deckPlatterHighlight', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	highlight.alpha = 0;
	var label = self.attachAsset('deckLabel', {
		anchorX: 0.5,
		anchorY: 0.5,
		y: 140
	});
	// Label text
	var labelTxt = new Text2(self.track, {
		size: 40,
		fill: "#222"
	});
	labelTxt.anchor.set(0.5, 0.5);
	label.addChild(labelTxt);
	// Beat light
	var beatLight = self.attachAsset('beatLight', {
		anchorX: 0.5,
		anchorY: 0.5,
		y: -140
	});
	beatLight.alpha = 0.2;
	// Methods
	self.setActive = function (active) {
		self.isActive = active;
		highlight.alpha = active ? 0.4 : 0;
	};
	self.setTrack = function (track) {
		self.track = track;
		labelTxt.setText(track);
	};
	self.flashBeat = function () {
		beatLight.alpha = 1;
		tween(beatLight, {
			alpha: 0.2
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	// Touch events
	self.down = function (x, y, obj) {
		self.isScratching = true;
		self.setActive(true);
		// Calculate angle from center
		var dx = x - self.width / 2;
		var dy = y - self.height / 2;
		self.lastTouchAngle = Math.atan2(dy, dx);
		self.scratchSpeed = 0;
		LK.getSound('scratch').play();
	};
	self.up = function (x, y, obj) {
		self.isScratching = false;
		self.setActive(false);
		self.scratchSpeed = 0;
		self.lastTouchAngle = null;
	};
	self.move = function (x, y, obj) {
		if (!self.isScratching) return;
		// Calculate angle from center
		var dx = x - self.width / 2;
		var dy = y - self.height / 2;
		var angle = Math.atan2(dy, dx);
		if (self.lastTouchAngle !== null) {
			var delta = angle - self.lastTouchAngle;
			// Normalize delta
			if (delta > Math.PI) delta -= 2 * Math.PI;
			if (delta < -Math.PI) delta += 2 * Math.PI;
			self.rotationOffset += delta;
			self.scratchSpeed = delta;
		}
		self.lastTouchAngle = angle;
	};
	// Called every tick
	self.update = function () {
		// If not scratching, platter rotates at normal speed
		if (!self.isScratching && self.playing) {
			self.rotationOffset += 0.02; // Normal play speed
			self.scratchSpeed = 0.02;
		}
		// Apply rotation
		self.currentRotation = self.rotationOffset;
		self.rotation = self.currentRotation;
	};
	return self;
});
// EqualizerBar: Visualizes equalizer levels (3 bands: Low, Mid, High)
var EqualizerBar = Container.expand(function () {
	var self = Container.call(this);
	// State
	self.levels = [0.5, 0.5, 0.5]; // [Low, Mid, High], 0.0-1.0
	self.bars = [];
	var colors = [0x00ff99, 0xffe000, 0x0099ff];
	var labels = ['LOW', 'MID', 'HIGH'];
	var barWidth = 120;
	var barSpacing = 80;
	var maxBarHeight = 320;
	for (var i = 0; i < 3; i++) {
		var barBg = LK.getAsset('crossfaderTrack', {
			anchorX: 0.5,
			anchorY: 1,
			width: barWidth,
			height: maxBarHeight,
			tint: 0x222222
		});
		barBg.x = i * (barWidth + barSpacing);
		barBg.y = 0;
		self.addChild(barBg);
		var bar = LK.getAsset('crossfaderTrack', {
			anchorX: 0.5,
			anchorY: 1,
			width: barWidth - 20,
			height: maxBarHeight * self.levels[i],
			tint: colors[i]
		});
		bar.x = i * (barWidth + barSpacing);
		bar.y = 0;
		self.addChild(bar);
		self.bars.push(bar);
		var txt = new Text2(labels[i], {
			size: 36,
			fill: "#fff"
		});
		txt.anchor.set(0.5, 0);
		txt.x = i * (barWidth + barSpacing);
		txt.y = 20;
		self.addChild(txt);
	}
	// Method to set levels (array of 3 values 0-1)
	self.setLevels = function (arr) {
		for (var i = 0; i < 3; i++) {
			self.levels[i] = Math.max(0, Math.min(1, arr[i]));
			self.bars[i].height = maxBarHeight * self.levels[i];
		}
	};
	// Animate random levels for demo
	self.update = function () {
		// Animate towards random target every 0.5s
		if (!self._targetLevels || !self._targetTime || Date.now() > self._targetTime) {
			self._targetLevels = [0.3 + Math.random() * 0.7, 0.3 + Math.random() * 0.7, 0.3 + Math.random() * 0.7];
			self._targetTime = Date.now() + 500;
		}
		for (var i = 0; i < 3; i++) {
			self.levels[i] += (self._targetLevels[i] - self.levels[i]) * 0.1;
			self.bars[i].height = maxBarHeight * self.levels[i];
		}
	};
	return self;
});
// FXButton: Triggers a sound effect
var FXButton = Container.expand(function () {
	var self = Container.call(this);
	// Visuals
	var btn = self.attachAsset('fxButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var txt = new Text2('FX', {
		size: 48,
		fill: "#fff"
	});
	txt.anchor.set(0.5, 0.5);
	btn.addChild(txt);
	// State
	self.cooldown = false;
	// Touch
	self.down = function (x, y, obj) {
		if (self.cooldown) return;
		self.cooldown = true;
		LK.getSound('fx').play();
		tween(btn, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			onFinish: function onFinish() {
				tween(btn, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 120
				});
			}
		});
		LK.setTimeout(function () {
			self.cooldown = false;
		}, 400);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Layout constants ---
// Deck platters (turntables)
// Crossfader
// FX Button
// Beat lights
// Sound effects (dummy, as actual music is handled by LK)
// Music tracks
var deckY = 1366; // Move decks to vertical center of 2732px screen
var deckSpacing = 700;
var crossfaderY = 1800;
var fxButtonY = 2200;
// --- Decks ---
var leftDeck = new DeckPlatter();
leftDeck.setTrack('A');
game.addChild(leftDeck);
leftDeck.x = 2048 / 2 - deckSpacing / 2;
leftDeck.y = deckY;
var rightDeck = new DeckPlatter();
rightDeck.setTrack('B');
game.addChild(rightDeck);
rightDeck.x = 2048 / 2 + deckSpacing / 2;
rightDeck.y = deckY;
// --- Crossfader ---
var crossfader = new Crossfader();
game.addChild(crossfader);
crossfader.x = 2048 / 2;
crossfader.y = crossfaderY;
crossfader.setValue(0.5);
// --- FX Button ---
var fxButton = new FXButton();
game.addChild(fxButton);
fxButton.x = 2048 / 2;
fxButton.y = fxButtonY;
// --- Score / Combo / Energy ---
var energy = 50; // 0-100
var combo = 0;
var score = 0;
// Energy bar
var energyBarBg = LK.getAsset('crossfaderTrack', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 600,
	height: 40
});
energyBarBg.tint = 0x222222;
energyBarBg.y = 0;
var energyBar = LK.getAsset('crossfaderTrack', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 600,
	height: 40
});
energyBar.tint = 0x00ff00;
energyBar.y = 0;
var energyBarContainer = new Container();
energyBarContainer.addChild(energyBarBg);
energyBarContainer.addChild(energyBar);
energyBarContainer.x = 2048 / 2;
energyBarContainer.y = 200;
LK.gui.top.addChild(energyBarContainer);
// Score text
var scoreTxt = new Text2('Score: 0', {
	size: 80,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
scoreTxt.x = 2048 / 2;
scoreTxt.y = 300;
// Combo text
var comboTxt = new Text2('', {
	size: 60,
	fill: "#ff0"
});
comboTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(comboTxt);
comboTxt.x = 2048 / 2;
comboTxt.y = 400;
// --- State ---
var dragging = null; // Which control is being dragged
var lastTouchObj = null;
// --- Beat simulation ---
var beatInterval = 600; // ms per beat
var beatTimer = 0;
var lastTickTime = Date.now();
// --- Music ---
LK.playMusic('trackA', {
	loop: true
});
LK.playMusic('trackB', {
	loop: true
});
var trackAVol = 1;
var trackBVol = 1;
// --- Touch handling ---
function getTouchedControl(x, y) {
	// Check decks
	var lx = leftDeck.toLocal(game.toGlobal({
		x: x,
		y: y
	})).x;
	var ly = leftDeck.toLocal(game.toGlobal({
		x: x,
		y: y
	})).y;
	if (Math.pow(lx - leftDeck.width / 2, 2) + Math.pow(ly - leftDeck.height / 2, 2) < 200 * 200) return leftDeck;
	var rx = rightDeck.toLocal(game.toGlobal({
		x: x,
		y: y
	})).x;
	var ry = rightDeck.toLocal(game.toGlobal({
		x: x,
		y: y
	})).y;
	if (Math.pow(rx - rightDeck.width / 2, 2) + Math.pow(ry - rightDeck.height / 2, 2) < 200 * 200) return rightDeck;
	// Crossfader
	var cf = crossfader.toLocal(game.toGlobal({
		x: x,
		y: y
	}));
	if (cf.x > 0 && cf.x < crossfader.width && cf.y > 0 && cf.y < crossfader.height) return crossfader;
	// FX Button
	var fx = fxButton.toLocal(game.toGlobal({
		x: x,
		y: y
	}));
	if (Math.pow(fx.x - fxButton.width / 2, 2) + Math.pow(fx.y - fxButton.height / 2, 2) < 60 * 60) return fxButton;
	return null;
}
game.down = function (x, y, obj) {
	var control = getTouchedControl(x, y);
	dragging = control;
	lastTouchObj = obj;
	if (control && control.down) {
		// Convert to local
		var local = control.toLocal(game.toGlobal({
			x: x,
			y: y
		}));
		control.down(local.x, local.y, obj);
	}
};
game.up = function (x, y, obj) {
	if (dragging && dragging.up) {
		var local = dragging.toLocal(game.toGlobal({
			x: x,
			y: y
		}));
		dragging.up(local.x, local.y, obj);
	}
	dragging = null;
	lastTouchObj = null;
};
game.move = function (x, y, obj) {
	if (dragging && dragging.move) {
		var local = dragging.toLocal(game.toGlobal({
			x: x,
			y: y
		}));
		dragging.move(local.x, local.y, obj);
	}
};
// --- Game update ---
game.update = function () {
	// Update decks
	leftDeck.update();
	rightDeck.update();
	// Update equalizer bar animation
	equalizerBar.update();
	// Simulate beat
	var now = Date.now();
	beatTimer += now - lastTickTime;
	lastTickTime = now;
	if (beatTimer >= beatInterval) {
		beatTimer -= beatInterval;
		leftDeck.flashBeat();
		rightDeck.flashBeat();
		LK.getSound('beat').play();
		// Energy drops if not scratching or mixing
		if (!leftDeck.isScratching && !rightDeck.isScratching && crossfader.value > 0.2 && crossfader.value < 0.8) {
			energy -= 2;
			combo = 0;
		} else {
			// Combo up if scratching or crossfading
			combo += 1;
			score += 10 * combo;
			energy += 2;
			if (energy > 100) energy = 100;
		}
		if (energy < 0) energy = 0;
		// Update visuals
		scoreTxt.setText('Score: ' + score);
		if (combo > 1) {
			comboTxt.setText('Combo x' + combo);
		} else {
			comboTxt.setText('');
		}
	}
	// Update energy bar
	energyBar.width = 600 * (energy / 100);
	// Crossfader logic: adjust music volumes
	trackAVol = 1 - crossfader.value;
	trackBVol = crossfader.value;
	// (In a real game, would set music volumes here, but LK handles music globally.)
	// End game if energy is 0
	if (energy <= 0) {
		LK.effects.flashScreen(0xff0000, 1000);
		LK.showGameOver();
	}
	// Win if score is high
	if (score >= 5000) {
		LK.effects.flashScreen(0x00ff00, 1000);
		LK.showYouWin();
	}
};

===================================================================
--- original.js
+++ change.js
@@ -147,8 +147,71 @@
 		self.rotation = self.currentRotation;
 	};
 	return self;
 });
+// EqualizerBar: Visualizes equalizer levels (3 bands: Low, Mid, High)
+var EqualizerBar = Container.expand(function () {
+	var self = Container.call(this);
+	// State
+	self.levels = [0.5, 0.5, 0.5]; // [Low, Mid, High], 0.0-1.0
+	self.bars = [];
+	var colors = [0x00ff99, 0xffe000, 0x0099ff];
+	var labels = ['LOW', 'MID', 'HIGH'];
+	var barWidth = 120;
+	var barSpacing = 80;
+	var maxBarHeight = 320;
+	for (var i = 0; i < 3; i++) {
+		var barBg = LK.getAsset('crossfaderTrack', {
+			anchorX: 0.5,
+			anchorY: 1,
+			width: barWidth,
+			height: maxBarHeight,
+			tint: 0x222222
+		});
+		barBg.x = i * (barWidth + barSpacing);
+		barBg.y = 0;
+		self.addChild(barBg);
+		var bar = LK.getAsset('crossfaderTrack', {
+			anchorX: 0.5,
+			anchorY: 1,
+			width: barWidth - 20,
+			height: maxBarHeight * self.levels[i],
+			tint: colors[i]
+		});
+		bar.x = i * (barWidth + barSpacing);
+		bar.y = 0;
+		self.addChild(bar);
+		self.bars.push(bar);
+		var txt = new Text2(labels[i], {
+			size: 36,
+			fill: "#fff"
+		});
+		txt.anchor.set(0.5, 0);
+		txt.x = i * (barWidth + barSpacing);
+		txt.y = 20;
+		self.addChild(txt);
+	}
+	// Method to set levels (array of 3 values 0-1)
+	self.setLevels = function (arr) {
+		for (var i = 0; i < 3; i++) {
+			self.levels[i] = Math.max(0, Math.min(1, arr[i]));
+			self.bars[i].height = maxBarHeight * self.levels[i];
+		}
+	};
+	// Animate random levels for demo
+	self.update = function () {
+		// Animate towards random target every 0.5s
+		if (!self._targetLevels || !self._targetTime || Date.now() > self._targetTime) {
+			self._targetLevels = [0.3 + Math.random() * 0.7, 0.3 + Math.random() * 0.7, 0.3 + Math.random() * 0.7];
+			self._targetTime = Date.now() + 500;
+		}
+		for (var i = 0; i < 3; i++) {
+			self.levels[i] += (self._targetLevels[i] - self.levels[i]) * 0.1;
+			self.bars[i].height = maxBarHeight * self.levels[i];
+		}
+	};
+	return self;
+});
 // FXButton: Triggers a sound effect
 var FXButton = Container.expand(function () {
 	var self = Container.call(this);
 	// Visuals
@@ -366,8 +429,10 @@
 game.update = function () {
 	// Update decks
 	leftDeck.update();
 	rightDeck.update();
+	// Update equalizer bar animation
+	equalizerBar.update();
 	// Simulate beat
 	var now = Date.now();
 	beatTimer += now - lastTickTime;
 	lastTickTime = now;