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

/**** 
* Classes
****/ 
var Animal = Container.expand(function (animalType) {
	var self = Container.call(this);
	self.animalType = animalType;
	// Choose animal asset based on type
	var animalAsset = 'cow';
	if (animalType === 'sheep') animalAsset = 'sheep';
	var animalGraphics = self.attachAsset(animalAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Animate animal spawn
	self.animateSpawn = function () {
		animalGraphics.scaleX = 0.1;
		animalGraphics.scaleY = 0.1;
		animalGraphics.alpha = 0;
		tween(animalGraphics, {
			scaleX: 1,
			scaleY: 1,
			alpha: 1
		}, {
			duration: 500,
			easing: tween.bounceOut
		});
	};
	return self;
});
var Block = Container.expand(function (blockType) {
	var self = Container.call(this);
	self.blockType = blockType;
	// Create the block visual based on type
	var blockAsset = 'grassBlock';
	if (blockType === 'stone') blockAsset = 'stoneBlock';else if (blockType === 'wood') blockAsset = 'woodBlock';else if (blockType === 'special') blockAsset = 'specialBlock';else if (blockType === 'iron') blockAsset = 'ironBlock';else if (blockType === 'diamond') blockAsset = 'diamondBlock';
	var blockGraphics = self.attachAsset(blockAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add isometric depth effect
	var shadowGraphics = self.attachAsset(blockAsset, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 4,
		y: 4,
		alpha: 0.3
	});
	// Animate block placement
	self.animatePlace = function () {
		blockGraphics.scaleX = 0.1;
		blockGraphics.scaleY = 0.1;
		tween(blockGraphics, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 200,
			easing: tween.bounceOut
		});
	};
	// Animate block removal
	self.animateRemove = function () {
		tween(blockGraphics, {
			scaleX: 0.1,
			scaleY: 0.1,
			alpha: 0
		}, {
			duration: 150,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
	};
	return self;
});
var GridSlot = Container.expand(function (gridX, gridY) {
	var self = Container.call(this);
	self.gridX = gridX;
	self.gridY = gridY;
	self.hasBlock = false;
	self.blockObj = null;
	// Background grid visual
	var slotGraphics = self.attachAsset('gridSlot', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	self.placeBlock = function (blockType) {
		if (self.hasBlock) return false;
		self.blockObj = new Block(blockType);
		self.addChild(self.blockObj);
		self.hasBlock = true;
		self.blockObj.animatePlace();
		LK.getSound('placeBlock').play();
		return true;
	};
	self.removeBlock = function () {
		if (!self.hasBlock) return false;
		self.blockObj.animateRemove();
		self.hasBlock = false;
		self.blockObj = null;
		LK.getSound('removeBlock').play();
		return true;
	};
	self.down = function (x, y, obj) {
		if (currentSelectedBlock) {
			if (!self.hasBlock) {
				self.placeBlock(currentSelectedBlock);
			} else {
				self.removeBlock();
			}
		}
	};
	return self;
});
var InventorySlot = Container.expand(function (blockType, index) {
	var self = Container.call(this);
	self.blockType = blockType;
	self.index = index;
	self.isSelected = false;
	// Slot background
	var slotBg = self.attachAsset('inventorySlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Selected indicator
	var selectedBg = self.attachAsset('inventorySelected', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	// Block preview
	var blockAsset = 'grassBlock';
	if (blockType === 'stone') blockAsset = 'stoneBlock';else if (blockType === 'wood') blockAsset = 'woodBlock';else if (blockType === 'special') blockAsset = 'specialBlock';else if (blockType === 'iron') blockAsset = 'ironBlock';else if (blockType === 'diamond') blockAsset = 'diamondBlock';
	var blockPreview = self.attachAsset(blockAsset, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.7,
		scaleY: 0.7
	});
	self.setSelected = function (selected) {
		self.isSelected = selected;
		selectedBg.alpha = selected ? 1 : 0;
		if (selected) {
			tween(blockPreview, {
				scaleX: 0.8,
				scaleY: 0.8
			}, {
				duration: 150
			});
		} else {
			tween(blockPreview, {
				scaleX: 0.7,
				scaleY: 0.7
			}, {
				duration: 150
			});
		}
	};
	self.down = function (x, y, obj) {
		// If a collection block is selected, swap it with this inventory slot
		if (selectedCollectionBlock !== null) {
			var oldBlockType = self.blockType;
			// Update this inventory slot to the selected collection block
			self.blockType = selectedCollectionBlock;
			blockTypes[self.index] = selectedCollectionBlock;
			// Update the visual
			self.destroy();
			var newSlot = new InventorySlot(selectedCollectionBlock, self.index);
			newSlot.x = self.x;
			newSlot.y = self.y;
			inventorySlots[self.index] = newSlot;
			inventoryContainer.addChild(newSlot);
			// Update the collection slot to show the old block type
			if (selectedCollectionSlot) {
				selectedCollectionSlot.blockType = oldBlockType;
				selectedCollectionSlot.setSelected(false);
				// Update collection slot visual
				var oldBlockAsset = 'grassBlock';
				if (oldBlockType === 'stone') oldBlockAsset = 'stoneBlock';else if (oldBlockType === 'wood') oldBlockAsset = 'woodBlock';else if (oldBlockType === 'special') oldBlockAsset = 'specialBlock';else if (oldBlockType === 'iron') oldBlockAsset = 'ironBlock';else if (oldBlockType === 'diamond') oldBlockAsset = 'diamondBlock';
				// Remove old block preview and add new one
				var children = selectedCollectionSlot.children;
				for (var i = children.length - 1; i >= 0; i--) {
					if (children[i] !== selectedCollectionSlot.children[0] && children[i] !== selectedCollectionSlot.children[1]) {
						children[i].destroy();
					}
				}
				var newBlockPreview = selectedCollectionSlot.attachAsset(oldBlockAsset, {
					anchorX: 0.5,
					anchorY: 0.5,
					scaleX: 0.7,
					scaleY: 0.7
				});
			}
			// Clear selection
			selectedCollectionBlock = null;
			selectedCollectionSlot = null;
			// Select the new inventory slot
			selectInventorySlot(self.index);
			LK.getSound('selectBlock').play();
		} else {
			// Normal inventory slot selection
			selectInventorySlot(self.index);
			LK.getSound('selectBlock').play();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Block assets with different colors and appearances
// Sound effects
var gridSize = 80;
var blockSize = 80;
var gridOffsetX = 1024;
var gridOffsetY = 200;
var currentSelectedBlock = 'grass';
var selectedCollectionBlock = null;
var selectedCollectionSlot = null;
// Game state
var gameGrid = [];
var inventorySlots = [];
var blockTypes = ['grass', 'stone', 'wood', 'special'];
// Initialize grid
for (var x = 0; x < gridSize; x++) {
	gameGrid[x] = [];
	for (var y = 0; y < gridSize; y++) {
		var slot = new GridSlot(x, y);
		// Calculate isometric position
		var isoX = (x - y) * (blockSize / 2);
		var isoY = (x + y) * (blockSize / 4);
		slot.x = gridOffsetX + isoX;
		slot.y = gridOffsetY + isoY;
		gameGrid[x][y] = slot;
		game.addChild(slot);
	}
}
// Create blocks collection area
var blocksContainer = new Container();
blocksContainer.x = 1024;
blocksContainer.y = 2300;
game.addChild(blocksContainer);
// Create blocks collection slots for new blocks
var blocksToCollect = ['iron', 'diamond'];
var blockCollectionSlots = [];
for (var i = 0; i < blocksToCollect.length; i++) {
	var blockSlot = new Container();
	var blockType = blocksToCollect[i];
	// Background
	var slotBg = blockSlot.attachAsset('inventorySlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Selected indicator for collection slots
	var selectedBg = blockSlot.attachAsset('inventorySelected', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	blockSlot.setSelected = function (selected) {
		selectedBg.alpha = selected ? 1 : 0;
		if (selected) {
			tween(blockPreview, {
				scaleX: 0.8,
				scaleY: 0.8
			}, {
				duration: 150
			});
		} else {
			tween(blockPreview, {
				scaleX: 0.7,
				scaleY: 0.7
			}, {
				duration: 150
			});
		}
	};
	// Block preview
	var blockAsset = 'ironBlock';
	if (blockType === 'wood') blockAsset = 'woodBlock';else if (blockType === 'diamond') blockAsset = 'diamondBlock';
	var blockPreview = blockSlot.attachAsset(blockAsset, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.7,
		scaleY: 0.7
	});
	// Position
	blockSlot.x = (i - (blocksToCollect.length - 1) / 2) * 120;
	blockSlot.y = 0;
	blockSlot.blockType = blockType;
	// Touch handler to select block for swapping or add to inventory
	blockSlot.down = function (x, y, obj) {
		var blockType = this.blockType;
		// If no block is selected, select this one
		if (selectedCollectionBlock === null) {
			// Deselect all collection slots
			for (var m = 0; m < blockCollectionSlots.length; m++) {
				blockCollectionSlots[m].setSelected(false);
			}
			// Select this slot
			selectedCollectionBlock = blockType;
			selectedCollectionSlot = this;
			this.setSelected(true);
			LK.getSound('selectBlock').play();
		} else {
			// Deselect current selection
			selectedCollectionBlock = null;
			if (selectedCollectionSlot) {
				selectedCollectionSlot.setSelected(false);
			}
			selectedCollectionSlot = null;
			// Check if block type already exists in inventory
			var exists = false;
			for (var j = 0; j < blockTypes.length; j++) {
				if (blockTypes[j] === blockType) {
					exists = true;
					break;
				}
			}
			if (!exists && blockTypes.length < 4) {
				// Add to blockTypes array
				blockTypes.push(blockType);
				// Create new inventory slot
				var newInvSlot = new InventorySlot(blockType, blockTypes.length - 1);
				newInvSlot.x = (blockTypes.length - 1 - (blockTypes.length - 1) / 2) * 120;
				newInvSlot.y = 0;
				inventorySlots.push(newInvSlot);
				inventoryContainer.addChild(newInvSlot);
				// Update clear button position
				clearAllButton.x = (blockTypes.length / 2 + 1) * 120;
				// Reposition all inventory slots to center them
				for (var k = 0; k < inventorySlots.length; k++) {
					inventorySlots[k].x = (k - (blockTypes.length - 1) / 2) * 120;
				}
				LK.getSound('selectBlock').play();
			}
		}
	};
	blockCollectionSlots.push(blockSlot);
	blocksContainer.addChild(blockSlot);
}
// Create inventory UI
var inventoryContainer = new Container();
inventoryContainer.x = 1024;
inventoryContainer.y = 2500;
game.addChild(inventoryContainer);
// Create inventory slots (max 4)
var maxInventorySlots = 4;
for (var i = 0; i < Math.min(blockTypes.length, maxInventorySlots); i++) {
	var invSlot = new InventorySlot(blockTypes[i], i);
	invSlot.x = (i - (Math.min(blockTypes.length, maxInventorySlots) - 1) / 2) * 120;
	invSlot.y = 0;
	inventorySlots.push(invSlot);
	inventoryContainer.addChild(invSlot);
}
// Create blocks toggle button
var blocksToggleButton = new Container();
var blocksButtonBg = blocksToggleButton.attachAsset('inventorySlot', {
	anchorX: 0.5,
	anchorY: 0.5
});
var blocksButtonText = new Text2('BLOCKS', {
	size: 24,
	fill: '#ffffff'
});
blocksButtonText.anchor.set(0.5, 0.5);
blocksToggleButton.addChild(blocksButtonText);
blocksToggleButton.x = -(blockTypes.length / 2 + 1) * 120;
blocksToggleButton.y = 0;
inventoryContainer.addChild(blocksToggleButton);
// Create clear all button
var clearAllButton = new Container();
var clearButtonBg = clearAllButton.attachAsset('clearAllButton', {
	anchorX: 0.5,
	anchorY: 0.5
});
var clearButtonText = new Text2('CLEAR\nALL', {
	size: 24,
	fill: '#ffffff'
});
clearButtonText.anchor.set(0.5, 0.5);
clearAllButton.addChild(clearButtonText);
clearAllButton.x = (blockTypes.length / 2 + 1) * 120;
clearAllButton.y = 0;
inventoryContainer.addChild(clearAllButton);
clearAllButton.down = function (x, y, obj) {
	// Clear all blocks from grid
	for (var x = 0; x < gridSize; x++) {
		for (var y = 0; y < gridSize; y++) {
			if (gameGrid[x][y].hasBlock) {
				gameGrid[x][y].removeBlock();
			}
		}
	}
	// Save the cleared state
	saveGame();
};
// Select first inventory slot by default
inventorySlots[0].setSelected(true);
// Title text
var titleText = new Text2('BlockCraft Builder', {
	size: 80,
	fill: '#ffffff'
});
titleText.anchor.set(0.5, 0);
LK.gui.top.addChild(titleText);
titleText.y = 50;
// Instructions text
var instructionsText = new Text2('Tap blocks to select, then tap grid to place/remove', {
	size: 40,
	fill: '#ffffff'
});
instructionsText.anchor.set(0.5, 0);
LK.gui.top.addChild(instructionsText);
instructionsText.y = 150;
// Blocks collection area title
var blocksTitle = new Text2('Tap to add blocks to inventory:', {
	size: 36,
	fill: '#ffffff'
});
blocksTitle.anchor.set(0.5, 1);
blocksTitle.x = 1024;
blocksTitle.y = 2250;
game.addChild(blocksTitle);
// Blocks UI visibility state
var blocksUIVisible = false;
blocksContainer.alpha = 0;
blocksTitle.alpha = 0;
// Toggle blocks UI function
function toggleBlocksUI() {
	blocksUIVisible = !blocksUIVisible;
	var targetAlpha = blocksUIVisible ? 1 : 0;
	tween(blocksContainer, {
		alpha: targetAlpha
	}, {
		duration: 300
	});
	tween(blocksTitle, {
		alpha: targetAlpha
	}, {
		duration: 300
	});
}
// Add toggle functionality to blocks button
blocksToggleButton.down = function (x, y, obj) {
	toggleBlocksUI();
	LK.getSound('selectBlock').play();
};
// Functions
function selectInventorySlot(index) {
	// Deselect all slots
	for (var i = 0; i < inventorySlots.length; i++) {
		inventorySlots[i].setSelected(false);
	}
	// Select the clicked slot
	inventorySlots[index].setSelected(true);
	currentSelectedBlock = blockTypes[index];
}
// Load saved game state
var savedGrid = storage.savedGrid || {};
for (var x = 0; x < gridSize; x++) {
	for (var y = 0; y < gridSize; y++) {
		var key = x + '_' + y;
		if (savedGrid[key] && savedGrid[key] !== 'grass') {
			gameGrid[x][y].placeBlock(savedGrid[key]);
		}
	}
}
// Remove all existing grass blocks from the grid
for (var x = 0; x < gridSize; x++) {
	for (var y = 0; y < gridSize; y++) {
		if (gameGrid[x][y].hasBlock && gameGrid[x][y].blockObj.blockType === 'grass') {
			gameGrid[x][y].removeBlock();
		}
	}
}
// Auto-save function
function saveGame() {
	var saveData = {};
	for (var x = 0; x < gridSize; x++) {
		for (var y = 0; y < gridSize; y++) {
			if (gameGrid[x][y].hasBlock && gameGrid[x][y].blockObj.blockType !== 'grass') {
				var key = x + '_' + y;
				saveData[key] = gameGrid[x][y].blockObj.blockType;
			}
		}
	}
	storage.savedGrid = saveData;
}
// Auto-save timer
var saveTimer = 0;
// Animal spawn timer (20 seconds = 1200 ticks at 60fps)
var animalSpawnTimer = 0;
var animals = [];
// Function to spawn animals on grass blocks
function spawnAnimalsOnGrass() {
	var grassBlocks = [];
	// Find all grass blocks
	for (var x = 0; x < gridSize; x++) {
		for (var y = 0; y < gridSize; y++) {
			if (gameGrid[x][y].hasBlock && gameGrid[x][y].blockObj.blockType === 'grass') {
				grassBlocks.push(gameGrid[x][y]);
			}
		}
	}
	// Spawn one animal on each grass block
	for (var i = 0; i < grassBlocks.length; i++) {
		var grassBlock = grassBlocks[i];
		var animalType = Math.random() < 0.5 ? 'cow' : 'sheep';
		var animal = new Animal(animalType);
		// Position animal on the grass block
		animal.x = grassBlock.x;
		animal.y = grassBlock.y - 30; // Position slightly above the block
		animals.push(animal);
		game.addChild(animal);
		animal.animateSpawn();
	}
}
game.update = function () {
	saveTimer++;
	animalSpawnTimer++;
	// Auto-save every 3 seconds (180 ticks at 60fps)
	if (saveTimer >= 180) {
		saveGame();
		saveTimer = 0;
	}
	// Spawn animals every 20 seconds (1200 ticks at 60fps)
	if (animalSpawnTimer >= 1200) {
		spawnAnimalsOnGrass();
		animalSpawnTimer = 0;
	}
};

===================================================================
--- original.js
+++ change.js
@@ -6,8 +6,34 @@
 
 /**** 
 * Classes
 ****/ 
+var Animal = Container.expand(function (animalType) {
+	var self = Container.call(this);
+	self.animalType = animalType;
+	// Choose animal asset based on type
+	var animalAsset = 'cow';
+	if (animalType === 'sheep') animalAsset = 'sheep';
+	var animalGraphics = self.attachAsset(animalAsset, {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Animate animal spawn
+	self.animateSpawn = function () {
+		animalGraphics.scaleX = 0.1;
+		animalGraphics.scaleY = 0.1;
+		animalGraphics.alpha = 0;
+		tween(animalGraphics, {
+			scaleX: 1,
+			scaleY: 1,
+			alpha: 1
+		}, {
+			duration: 500,
+			easing: tween.bounceOut
+		});
+	};
+	return self;
+});
 var Block = Container.expand(function (blockType) {
 	var self = Container.call(this);
 	self.blockType = blockType;
 	// Create the block visual based on type
@@ -477,12 +503,45 @@
 	storage.savedGrid = saveData;
 }
 // Auto-save timer
 var saveTimer = 0;
+// Animal spawn timer (20 seconds = 1200 ticks at 60fps)
+var animalSpawnTimer = 0;
+var animals = [];
+// Function to spawn animals on grass blocks
+function spawnAnimalsOnGrass() {
+	var grassBlocks = [];
+	// Find all grass blocks
+	for (var x = 0; x < gridSize; x++) {
+		for (var y = 0; y < gridSize; y++) {
+			if (gameGrid[x][y].hasBlock && gameGrid[x][y].blockObj.blockType === 'grass') {
+				grassBlocks.push(gameGrid[x][y]);
+			}
+		}
+	}
+	// Spawn one animal on each grass block
+	for (var i = 0; i < grassBlocks.length; i++) {
+		var grassBlock = grassBlocks[i];
+		var animalType = Math.random() < 0.5 ? 'cow' : 'sheep';
+		var animal = new Animal(animalType);
+		// Position animal on the grass block
+		animal.x = grassBlock.x;
+		animal.y = grassBlock.y - 30; // Position slightly above the block
+		animals.push(animal);
+		game.addChild(animal);
+		animal.animateSpawn();
+	}
+}
 game.update = function () {
 	saveTimer++;
+	animalSpawnTimer++;
 	// Auto-save every 3 seconds (180 ticks at 60fps)
 	if (saveTimer >= 180) {
 		saveGame();
 		saveTimer = 0;
 	}
+	// Spawn animals every 20 seconds (1200 ticks at 60fps)
+	if (animalSpawnTimer >= 1200) {
+		spawnAnimalsOnGrass();
+		animalSpawnTimer = 0;
+	}
 };
\ No newline at end of file