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

/**** 
* Classes
****/ 
// Brick class
var Brick = Container.expand(function () {
	var self = Container.call(this);
	var brickAsset = self.attachAsset('brick', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.isDestroyed = false;
	self.row = 0;
	self.col = 0;
	self.destroyBrick = function () {
		if (self.isDestroyed) return;
		self.isDestroyed = true;
		// Add physics-like destruction: random velocity, rotation, gravity, fade out
		// Give each brick a random velocity and rotation
		var vx = (Math.random() - 0.5) * 32 + (self.x - 1024) / 64; // bias outward from center
		var vy = -Math.random() * 24 - 12; // upward burst
		var vr = (Math.random() - 0.5) * 0.2; // random spin
		var gravity = 2.2 + Math.random() * 0.8;
		var totalTime = 650 + Math.random() * 200;
		var startX = self.x;
		var startY = self.y;
		var startR = self.rotation;
		var endAlpha = 0;
		var startAlpha = self.alpha;
		var startScale = self.scaleX;
		var endScale = 1.5 + Math.random() * 0.5;
		var t0 = Date.now();
		function animate() {
			var t = Date.now() - t0;
			var progress = Math.min(t / totalTime, 1);
			// Physics: x, y, rotation, scale, alpha
			self.x = startX + vx * t / 16;
			self.y = startY + vy * t / 16 + 0.5 * gravity * Math.pow(t / 32, 2);
			self.rotation = startR + vr * t / 16;
			self.alpha = startAlpha * (1 - progress);
			self.scaleX = self.scaleY = startScale + (endScale - startScale) * progress;
			if (progress < 1) {
				LK.setTimeout(animate, 16);
			} else {
				self.visible = false;
			}
		}
		animate();
	};
	return self;
});
// Explosion effect class
var Explosion = Container.expand(function () {
	var self = Container.call(this);
	var explosionAsset = self.attachAsset('explosion', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.7,
		scaleX: 0.2,
		scaleY: 0.2
	});
	self.radius = 120; // pixels, effective blast radius
	self.play = function (_onFinish) {
		// Animate scale up and fade out
		tween(explosionAsset, {
			scaleX: 1,
			scaleY: 1,
			alpha: 0
		}, {
			duration: 350,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				self.destroy();
				if (_onFinish) _onFinish();
			}
		});
	};
	return self;
});
// Person class
var Person = Container.expand(function () {
	var self = Container.call(this);
	var personAsset = self.attachAsset('person_sprite1', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.isDestroyed = false;
	self.destroyPerson = function () {
		if (self.isDestroyed) return;
		self.isDestroyed = true;
		// Physics-like destruction: random velocity, rotation, gravity, fade out (match Brick)
		var vx = (Math.random() - 0.5) * 32 + (self.x - 1024) / 64;
		var vy = -Math.random() * 24 - 12;
		var vr = (Math.random() - 0.5) * 0.2;
		var gravity = 2.2 + Math.random() * 0.8;
		var totalTime = 650 + Math.random() * 200;
		var startX = self.x;
		var startY = self.y;
		var startR = self.rotation;
		var endAlpha = 0;
		var startAlpha = self.alpha;
		var startScale = self.scaleX;
		var endScale = 1.5 + Math.random() * 0.5;
		var t0 = Date.now();
		function animate() {
			var t = Date.now() - t0;
			var progress = Math.min(t / totalTime, 1);
			self.x = startX + vx * t / 16;
			self.y = startY + vy * t / 16 + 0.5 * gravity * Math.pow(t / 32, 2);
			self.rotation = startR + vr * t / 16;
			self.alpha = startAlpha * (1 - progress);
			self.scaleX = self.scaleY = startScale + (endScale - startScale) * progress;
			if (progress < 1) {
				LK.setTimeout(animate, 16);
			} else {
				self.visible = false;
			}
		}
		animate();
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Add global counters and GUI bar for bricks broken and people accidentally killed ---
// Wall/grid settings
// Bricks: simple colored boxes
var bricksBroken = 0;
var peopleKilled = 0;
// GUI: Bricks Broken Bar
var bricksBarBg = LK.getAsset('brick', {
	anchorX: 0,
	anchorY: 0,
	width: 420,
	height: 60
});
bricksBarBg.alpha = 0.18;
var bricksBarFill = LK.getAsset('brick', {
	anchorX: 0,
	anchorY: 0,
	width: 400,
	height: 44
});
bricksBarFill.y = 8;
bricksBarFill.x = 10;
bricksBarFill.tint = 0xffe066;
var bricksBarText = new Text2('Bricks Broken: 0', {
	size: 38,
	fill: 0xFFFBE0
});
bricksBarText.anchor.set(0, 0.5);
bricksBarText.x = 20;
bricksBarText.y = 30;
var bricksBarContainer = new Container();
bricksBarContainer.addChild(bricksBarBg);
bricksBarContainer.addChild(bricksBarFill);
bricksBarContainer.addChild(bricksBarText);
bricksBarContainer.x = 120;
bricksBarContainer.y = 24;
LK.gui.top.addChild(bricksBarContainer);
// GUI: People Accidentally Killed Bar
var peopleBarBg = LK.getAsset('person_sprite1', {
	anchorX: 0,
	anchorY: 0,
	width: 420,
	height: 60
});
peopleBarBg.alpha = 0.18;
var peopleBarFill = LK.getAsset('person_sprite1', {
	anchorX: 0,
	anchorY: 0,
	width: 400,
	height: 44
});
peopleBarFill.y = 8;
peopleBarFill.x = 10;
peopleBarFill.tint = 0xff6666;
var peopleBarText = new Text2('People Killed: 0', {
	size: 38,
	fill: 0xFFFBE0
});
peopleBarText.anchor.set(0, 0.5);
peopleBarText.x = 20;
peopleBarText.y = 30;
var peopleBarContainer = new Container();
peopleBarContainer.addChild(peopleBarBg);
peopleBarContainer.addChild(peopleBarFill);
peopleBarContainer.addChild(peopleBarText);
// Place below bricks bar, with a little vertical gap
peopleBarContainer.x = 120;
peopleBarContainer.y = 24 + 70;
LK.gui.top.addChild(peopleBarContainer);
// Helper to update bars
function updateBars() {
	// Bricks: fill width proportional to total bricks destroyed this round
	var totalBricks = WALL_COLS * WALL_ROWS;
	var bricksFrac = Math.min(bricksBroken / totalBricks, 1);
	bricksBarFill.width = 400 * bricksFrac;
	bricksBarText.setText('Bricks Broken: ' + bricksBroken);
	// People: fill width proportional to people killed (max bar at 20 for fun)
	var peopleFrac = Math.min(peopleKilled / 20, 1);
	peopleBarFill.width = 400 * peopleFrac;
	peopleBarText.setText('People Killed: ' + peopleKilled);
}
// --- Add random photo background using facekit plugin ---
var photoBackground = null;
// Use facekit.photos array (if available) to select a random photo for the background
if (facekit.photos && facekit.photos.length > 0) {
	var randomIndex = Math.floor(Math.random() * facekit.photos.length);
	var photoAsset = facekit.photos[randomIndex];
	// Remove previous background if any
	if (photoBackground && photoBackground.parent) {
		photoBackground.parent.removeChild(photoBackground);
	}
	// Place photo as background, scaled to cover the game area
	photoBackground = LK.getAsset(photoAsset.id, {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732
	});
	// Insert as the first child so it's behind everything
	game.addChildAt(photoBackground, 0);
}
// Level settings
var LEVELS = [{
	cols: 20,
	rows: 20,
	brickSize: 90,
	gap: 6
},
// Level 1: fills most of the screen
{
	cols: 22,
	rows: 24,
	brickSize: 80,
	gap: 5
},
// Level 2: even more bricks, smaller
{
	cols: 24,
	rows: 28,
	brickSize: 70,
	gap: 4
} // Level 3: max fill
];
var currentLevel = 0;
// Wall/grid settings (will be set per level)
var BRICK_SIZE = LEVELS[0].brickSize;
var BRICK_GAP = LEVELS[0].gap;
var WALL_COLS = LEVELS[0].cols;
var WALL_ROWS = LEVELS[0].rows;
var wallOffsetX = Math.floor((2048 - (WALL_COLS * BRICK_SIZE + (WALL_COLS - 1) * BRICK_GAP)) / 2);
var wallOffsetY = Math.floor((2732 - (WALL_ROWS * BRICK_SIZE + (WALL_ROWS - 1) * BRICK_GAP)) / 2);
// Game state
var bricks = [];
var isAnimating = false;
// Build wall of bricks
function buildWall() {
	// Update wall/grid settings for current level
	BRICK_SIZE = LEVELS[currentLevel].brickSize;
	BRICK_GAP = LEVELS[currentLevel].gap;
	WALL_COLS = LEVELS[currentLevel].cols;
	WALL_ROWS = LEVELS[currentLevel].rows;
	wallOffsetX = Math.floor((2048 - (WALL_COLS * BRICK_SIZE + (WALL_COLS - 1) * BRICK_GAP)) / 2);
	wallOffsetY = Math.floor((2732 - (WALL_ROWS * BRICK_SIZE + (WALL_ROWS - 1) * BRICK_GAP)) / 2);
	bricks = [];
	for (var row = 0; row < WALL_ROWS; row++) {
		for (var col = 0; col < WALL_COLS; col++) {
			var brick = new Brick();
			brick.x = wallOffsetX + col * (BRICK_SIZE + BRICK_GAP) + BRICK_SIZE / 2;
			brick.y = wallOffsetY + row * (BRICK_SIZE + BRICK_GAP) + BRICK_SIZE / 2;
			brick.row = row;
			brick.col = col;
			// Reset transform and visibility for respawned bricks
			brick.visible = true;
			brick.alpha = 1;
			brick.scaleX = brick.scaleY = 1;
			brick.rotation = 0;
			game.addChild(brick);
			// 1 in 20 chance to spawn a person on this brick
			if (Math.floor(Math.random() * 20) === 0) {
				var person = new Person();
				person.x = brick.x;
				person.y = brick.y;
				game.addChild(person);
				brick.person = person;
			} else {
				brick.person = null;
			}
			if (!bricks[row]) bricks[row] = [];
			bricks[row][col] = brick;
		}
	}
}
// Reset game state
function resetGame() {
	buildWall();
	bricksBroken = 0;
	peopleKilled = 0;
	updateBars();
	isAnimating = false;
}
// Helper: get bricks within radius of (x, y)
function getBricksInRadius(x, y, radius) {
	var hit = [];
	for (var row = 0; row < WALL_ROWS; row++) {
		for (var col = 0; col < WALL_COLS; col++) {
			var brick = bricks[row][col];
			if (brick && !brick.isDestroyed) {
				var dx = brick.x - x;
				var dy = brick.y - y;
				if (dx * dx + dy * dy <= radius * radius) {
					hit.push(brick);
				}
			}
		}
	}
	return hit;
}
// Chain reaction: destroy bricks, trigger new explosions if enough bricks destroyed
function triggerExplosion(x, y, chainLevel) {
	var explosion = new Explosion();
	explosion.x = x;
	explosion.y = y;
	game.addChild(explosion);
	explosion.play();
	// Play explosion sound
	LK.getSound('Explode').play();
	// Play explosion sound
	LK.getSound('Explode').play();
	var affected = getBricksInRadius(x, y, explosion.radius);
	var destroyed = [];
	for (var i = 0; i < affected.length; i++) {
		var brick = affected[i];
		if (!brick.isDestroyed) {
			brick.destroyBrick();
			bricksBroken++;
			updateBars();
			destroyed.push(brick);
			// If there is a person on this brick, explode them too
			if (brick.person && !brick.person.isDestroyed) {
				brick.person.destroyPerson();
				peopleKilled++;
				updateBars();
			}
		}
	}
	// Chain reaction: if 3+ bricks destroyed, trigger new explosions at their positions (but only up to 2 chains deep)
	if (destroyed.length >= 3 && chainLevel < 2) {
		// Delay next chain for effect
		LK.setTimeout(function () {
			for (var j = 0; j < destroyed.length; j++) {
				var b = destroyed[j];
				triggerExplosion(b.x, b.y, chainLevel + 1);
			}
		}, 180);
	}
	// No win/lose check, play infinitely
}
// Advance to next level (wraps around)
function nextLevel() {
	// Remove all bricks from game
	for (var row = 0; row < bricks.length; row++) {
		for (var col = 0; bricks[row] && col < bricks[row].length; col++) {
			if (bricks[row][col]) {
				bricks[row][col].destroy();
			}
		}
	}
	currentLevel = (currentLevel + 1) % LEVELS.length;
	resetGame();
}
// --- Drag-to-explode implementation ---
var dragActive = false;
var lastDragPoint = null;
var DRAG_EXPLODE_DIST = 80; // Minimum distance between explosions along drag
// Allow drag-to-explode at any time
game.down = function (x, y, obj) {
	// Don't allow taps in top 100px (menu area)
	if (y < 100) return;
	// If tap is in bottom 150px, go to next level (leave 100px for bottom GUI)
	if (y > 2732 - 150) {
		nextLevel();
		return;
	}
	dragActive = true;
	lastDragPoint = {
		x: x,
		y: y
	};
	triggerExplosion(x, y, 0);
};
game.move = function (x, y, obj) {
	if (!dragActive) return;
	// Don't allow drag in top 100px (menu area)
	if (y < 100) return;
	// Only trigger new explosion if moved far enough from last explosion point
	if (lastDragPoint) {
		var dx = x - lastDragPoint.x;
		var dy = y - lastDragPoint.y;
		if (dx * dx + dy * dy >= DRAG_EXPLODE_DIST * DRAG_EXPLODE_DIST) {
			lastDragPoint = {
				x: x,
				y: y
			};
			triggerExplosion(x, y, 0);
		}
	}
};
game.up = function (x, y, obj) {
	dragActive = false;
	lastDragPoint = null;
};
// Main update loop: respawn bricks if all are destroyed
game.update = function () {
	// Check if all bricks are destroyed
	var allDestroyed = true;
	for (var row = 0; row < bricks.length; row++) {
		for (var col = 0; bricks[row] && col < bricks[row].length; col++) {
			if (bricks[row][col] && !bricks[row][col].isDestroyed) {
				allDestroyed = false;
				break;
			}
		}
		if (!allDestroyed) break;
	}
	// If all destroyed and not animating, respawn wall
	if (allDestroyed && !isAnimating) {
		// Remove all old brick containers
		for (var row = 0; row < bricks.length; row++) {
			for (var col = 0; bricks[row] && col < bricks[row].length; col++) {
				if (bricks[row][col]) {
					bricks[row][col].destroy();
				}
			}
		}
		resetGame();
	}
};
// Start game
resetGame();

===================================================================
--- original.js
+++ change.js
@@ -390,11 +390,10 @@
 // --- Drag-to-explode implementation ---
 var dragActive = false;
 var lastDragPoint = null;
 var DRAG_EXPLODE_DIST = 80; // Minimum distance between explosions along drag
-// Handle drag start
+// Allow drag-to-explode at any time
 game.down = function (x, y, obj) {
-	if (isAnimating) return;
 	// Don't allow taps in top 100px (menu area)
 	if (y < 100) return;
 	// If tap is in bottom 150px, go to next level (leave 100px for bottom GUI)
 	if (y > 2732 - 150) {
@@ -405,14 +404,12 @@
 	lastDragPoint = {
 		x: x,
 		y: y
 	};
-	isAnimating = true;
 	triggerExplosion(x, y, 0);
 };
-// Handle drag move
 game.move = function (x, y, obj) {
-	if (!dragActive || isAnimating) return;
+	if (!dragActive) return;
 	// Don't allow drag in top 100px (menu area)
 	if (y < 100) return;
 	// Only trigger new explosion if moved far enough from last explosion point
 	if (lastDragPoint) {
@@ -426,16 +423,11 @@
 			triggerExplosion(x, y, 0);
 		}
 	}
 };
-// Handle drag end
 game.up = function (x, y, obj) {
 	dragActive = false;
 	lastDragPoint = null;
-	// Allow next drag after short delay
-	LK.setTimeout(function () {
-		isAnimating = false;
-	}, 400);
 };
 // Main update loop: respawn bricks if all are destroyed
 game.update = function () {
 	// Check if all bricks are destroyed