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

/**** 
* Classes
****/ 
var Character = Container.expand(function (characterData) {
	var self = Container.call(this);
	self.characterData = characterData;
	self.isOnBoard = false;
	self.originalPosition = {
		x: 0,
		y: 0
	};
	self.boardSlot = null;
	self.soundInstance = null;
	var characterGraphics = self.attachAsset(characterData.assetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add character name text
	var nameText = new Text2(characterData.name, {
		size: 45,
		fill: 0xFFFFFF
	});
	nameText.anchor.set(0.5, 0.5);
	nameText.y = 90;
	self.addChild(nameText);
	self.playSound = function () {
		if (self.soundInstance) {
			self.soundInstance.stop();
		}
		self.soundInstance = LK.getSound(characterData.soundId);
		self.soundInstance.play();
		// Visual feedback
		tween(characterGraphics, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 200,
			easing: tween.easeOut
		});
		tween(characterGraphics, {
			scaleX: 1.0,
			scaleY: 1.0
		}, {
			duration: 200,
			easing: tween.easeIn
		});
	};
	self.stopSound = function () {
		if (self.soundInstance) {
			self.soundInstance.stop();
			self.soundInstance = null;
		}
	};
	self.returnToOriginalPosition = function () {
		tween(self, {
			x: self.originalPosition.x,
			y: self.originalPosition.y
		}, {
			duration: 300,
			easing: tween.easeOut
		});
	};
	return self;
});
var MixingSlot = Container.expand(function (slotIndex) {
	var self = Container.call(this);
	self.slotIndex = slotIndex;
	self.character = null;
	self.isEmpty = true;
	var slotGraphics = self.attachAsset('mixing_slot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.addCharacter = function (character) {
		if (self.character) {
			self.removeCharacter();
		}
		self.character = character;
		self.isEmpty = false;
		character.isOnBoard = true;
		character.boardSlot = self;
		// Visual feedback
		slotGraphics.tint = 0x666666;
		// Position character in slot
		tween(character, {
			x: self.x,
			y: self.y
		}, {
			duration: 300,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				character.playSound();
			}
		});
	};
	self.removeCharacter = function () {
		if (self.character) {
			self.character.stopSound();
			self.character.isOnBoard = false;
			self.character.boardSlot = null;
			self.character.returnToOriginalPosition();
			self.character = null;
		}
		self.isEmpty = true;
		slotGraphics.tint = 0xFFFFFF;
	};
	self.containsPoint = function (x, y) {
		var bounds = self.getBounds();
		return x >= bounds.x && x <= bounds.x + bounds.width && y >= bounds.y && y <= bounds.y + bounds.height;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Sound assets for all characters
// Sounds
// Mixing board slots
// Characters
// Character data
var characterData = [{
	name: "Oren",
	assetId: "oren",
	soundId: "oren_beat",
	type: "beat"
}, {
	name: "Horror Oren",
	assetId: "horror_oren",
	soundId: "horror_oren_beat",
	type: "beat"
}, {
	name: "Raddy",
	assetId: "raddy",
	soundId: "raddy_beat",
	type: "beat"
}, {
	name: "Horror Raddy",
	assetId: "horror_raddy",
	soundId: "horror_raddy_effect",
	type: "effect"
}, {
	name: "Wenda",
	assetId: "wenda",
	soundId: "wenda_voice",
	type: "voice"
}, {
	name: "Horror Wenda",
	assetId: "horror_wenda",
	soundId: "horror_wenda_voice",
	type: "voice"
}, {
	name: "Alt Horror Wenda",
	assetId: "alt_horror_wenda",
	soundId: "alt_horror_wenda_effect",
	type: "effect"
}, {
	name: "Jevin",
	assetId: "jevin",
	soundId: "jevin_voice",
	type: "voice"
}, {
	name: "Horror Jevin",
	assetId: "horror_jevin",
	soundId: "horror_jevin_voice",
	type: "voice"
}];
// Game elements
var characters = [];
var mixingSlots = [];
var draggedCharacter = null;
var dragOffset = {
	x: 0,
	y: 0
};
// Title
var titleText = new Text2("Beat Mixer Studio", {
	size: 120,
	fill: 0xFFFFFF
});
titleText.anchor.set(0.5, 0);
titleText.x = 2048 / 2;
titleText.y = 100;
game.addChild(titleText);
var subtitleText = new Text2("Sprunki Edition", {
	size: 70,
	fill: 0xFFE66D
});
subtitleText.anchor.set(0.5, 0);
subtitleText.x = 2048 / 2;
subtitleText.y = 200;
game.addChild(subtitleText);
// Create mixing board slots
var slotStartX = 2048 / 2 - 4 * 300 / 2;
var slotY = 800;
for (var i = 0; i < 4; i++) {
	var slot = new MixingSlot(i);
	slot.x = slotStartX + i * 300;
	slot.y = slotY;
	mixingSlots.push(slot);
	game.addChild(slot);
}
// Create characters
var charactersPerRow = 5;
var characterStartX = 2048 / 2 - charactersPerRow * 300 / 2;
var characterStartY = 1800;
for (var i = 0; i < characterData.length; i++) {
	var character = new Character(characterData[i]);
	var row = Math.floor(i / charactersPerRow);
	var col = i % charactersPerRow;
	character.x = characterStartX + col * 300;
	character.y = characterStartY + row * 300;
	character.originalPosition.x = character.x;
	character.originalPosition.y = character.y;
	characters.push(character);
	game.addChild(character);
}
// Instructions
var instructionText = new Text2("Drag characters to mixing slots to create beats!", {
	size: 60,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0);
instructionText.x = 2048 / 2;
instructionText.y = 1200;
game.addChild(instructionText);
// Helper functions
function getCharacterAt(x, y) {
	for (var i = characters.length - 1; i >= 0; i--) {
		var character = characters[i];
		if (!character.isOnBoard) {
			var bounds = character.getBounds();
			if (x >= bounds.x && x <= bounds.x + bounds.width && y >= bounds.y && y <= bounds.y + bounds.height) {
				return character;
			}
		}
	}
	return null;
}
function getMixingSlotAt(x, y) {
	for (var i = 0; i < mixingSlots.length; i++) {
		if (mixingSlots[i].containsPoint(x, y)) {
			return mixingSlots[i];
		}
	}
	return null;
}
// Event handlers
game.move = function (x, y, obj) {
	if (draggedCharacter) {
		draggedCharacter.x = x - dragOffset.x;
		draggedCharacter.y = y - dragOffset.y;
	}
};
game.up = function (x, y, obj) {
	if (draggedCharacter) {
		var slot = getMixingSlotAt(x, y);
		if (slot && slot.isEmpty) {
			slot.addCharacter(draggedCharacter);
		} else {
			draggedCharacter.returnToOriginalPosition();
		}
		// Reset scale
		tween(draggedCharacter, {
			scaleX: 1.0,
			scaleY: 1.0
		}, {
			duration: 100,
			easing: tween.easeIn
		});
		draggedCharacter = null;
	}
};
// Double tap to remove character from slot
var lastTapTime = 0;
var lastTapCharacter = null;
game.down = function (x, y, obj) {
	var currentTime = Date.now();
	var character = getCharacterAt(x, y);
	// Check for double tap
	if (character && character === lastTapCharacter && currentTime - lastTapTime < 300) {
		if (character.isOnBoard && character.boardSlot) {
			character.boardSlot.removeCharacter();
		}
		return;
	}
	lastTapTime = currentTime;
	lastTapCharacter = character;
	if (character) {
		draggedCharacter = character;
		dragOffset.x = x - character.x;
		dragOffset.y = y - character.y;
		// Bring to front
		character.parent.removeChild(character);
		character.parent.addChild(character);
		// Visual feedback
		tween(character, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100,
			easing: tween.easeOut
		});
	}
};

===================================================================
--- original.js
+++ change.js
@@ -125,8 +125,9 @@
 
 /**** 
 * Game Code
 ****/ 
+// Sound assets for all characters
 // Sounds
 // Mixing board slots
 // Characters
 // Character data
@@ -256,27 +257,8 @@
 	}
 	return null;
 }
 // Event handlers
-game.down = function (x, y, obj) {
-	var character = getCharacterAt(x, y);
-	if (character) {
-		draggedCharacter = character;
-		dragOffset.x = x - character.x;
-		dragOffset.y = y - character.y;
-		// Bring to front
-		character.parent.removeChild(character);
-		character.parent.addChild(character);
-		// Visual feedback
-		tween(character, {
-			scaleX: 1.1,
-			scaleY: 1.1
-		}, {
-			duration: 100,
-			easing: tween.easeOut
-		});
-	}
-};
 game.move = function (x, y, obj) {
 	if (draggedCharacter) {
 		draggedCharacter.x = x - dragOffset.x;
 		draggedCharacter.y = y - dragOffset.y;
@@ -315,9 +297,9 @@
 		return;
 	}
 	lastTapTime = currentTime;
 	lastTapCharacter = character;
-	if (character && !character.isOnBoard) {
+	if (character) {
 		draggedCharacter = character;
 		dragOffset.x = x - character.x;
 		dragOffset.y = y - character.y;
 		// Bring to front