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

/**** 
* Classes
****/ 
var Dice = Container.expand(function () {
	var self = Container.call(this);
	// Add numeric variable valor
	self.valor = 1;
	// Add rolling animation variables
	self.isRolling = false;
	self.rollCount = 0;
	self.rollTarget = 0;
	self.rollTimer = 0;
	var diceGraphics = self.attachAsset('Dice' + self.valor, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Method to update dice visual based on valor
	self.updateVisual = function () {
		// Create new graphics based on valor first
		var newGraphics = self.attachAsset('Dice' + self.valor, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Remove old graphics after new one is created
		self.removeChild(diceGraphics);
		// Update reference to new graphics
		diceGraphics = newGraphics;
		// Add bounce effect when value changes during rolling
		if (self.isRolling) {
			diceGraphics.scaleX = 1;
			diceGraphics.scaleY = 1;
			tween(diceGraphics, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 100,
				easing: tween.bounceOut,
				onFinish: function onFinish() {
					tween(diceGraphics, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 100,
						easing: tween.bounceOut
					});
				}
			});
		}
	};
	// Method to start rolling animation
	self.startRoll = function () {
		self.isRolling = true;
		self.rollCount = 0;
		self.rollTarget = Math.floor(Math.random() * 7) + 6; // 6 to 12 rolls
		self.rollTimer = 0;
	};
	// Update method for rolling animation
	self.update = function () {
		if (self.isRolling) {
			var rollSpeed = Math.floor(self.rollCount * 1.5) + 3; // Start fast, get slower
			if (self.rollTimer >= rollSpeed) {
				self.valor = Math.floor(Math.random() * 6) + 1;
				self.updateVisual();
				self.rollCount++;
				self.rollTimer = 0;
				if (self.rollCount >= self.rollTarget) {
					self.isRolling = false;
				}
			} else {
				self.rollTimer++;
			}
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
// Create array to hold all dice
var game = new LK.Game({
	backgroundColor: 0xFFFFFF
});

/**** 
* Game Code
****/ 
// Create array to hold all dice
var diceArray = [];
// Add lanzamiento boolean variable
var lanzamiento = false;
// Calculate center positions for two columns
var centerX = 2048 / 2;
var centerY = 2732 / 2;
var columnSpacing = 330; // Space between columns
var rowSpacing = 300; // Space between rows
// Create 8 dice in two columns (4 rows each)
for (var col = 0; col < 2; col++) {
	for (var row = 0; row < 4; row++) {
		var dice = new Dice();
		// Assign random valor from 1 to 6
		dice.valor = Math.floor(Math.random() * 6) + 1;
		// Update visual based on valor
		dice.updateVisual();
		// Position dice in grid
		dice.x = centerX + (col - 0.5) * columnSpacing;
		dice.y = centerY + (row - 1.5) * rowSpacing;
		// Add to game and array
		game.addChild(dice);
		diceArray.push(dice);
	}
	// Game update method to handle dice rolling
	game.update = function () {
		// Check if all dice have finished rolling
		if (lanzamiento) {
			var allFinished = true;
			for (var i = 0; i < diceArray.length; i++) {
				if (diceArray[i].isRolling) {
					allFinished = false;
					break;
				}
			}
			// Reset lanzamiento when all dice are done
			if (allFinished) {
				lanzamiento = false;
			}
		}
	};
	// Add screen tap handler for lanzamiento event
	game.down = function (x, y, obj) {
		// Only allow new roll if not currently rolling
		if (!lanzamiento) {
			lanzamiento = true;
			// Start rolling animation for all dice
			for (var i = 0; i < diceArray.length; i++) {
				diceArray[i].startRoll();
			}
		}
	};
}

===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
 /**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
 * Classes
 ****/ 
 var Dice = Container.expand(function () {
 	var self = Container.call(this);
@@ -24,8 +29,29 @@
 		// Remove old graphics after new one is created
 		self.removeChild(diceGraphics);
 		// Update reference to new graphics
 		diceGraphics = newGraphics;
+		// Add bounce effect when value changes during rolling
+		if (self.isRolling) {
+			diceGraphics.scaleX = 1;
+			diceGraphics.scaleY = 1;
+			tween(diceGraphics, {
+				scaleX: 1.2,
+				scaleY: 1.2
+			}, {
+				duration: 100,
+				easing: tween.bounceOut,
+				onFinish: function onFinish() {
+					tween(diceGraphics, {
+						scaleX: 1,
+						scaleY: 1
+					}, {
+						duration: 100,
+						easing: tween.bounceOut
+					});
+				}
+			});
+		}
 	};
 	// Method to start rolling animation
 	self.startRoll = function () {
 		self.isRolling = true;