Upit | Learn about creating the game Tricky Dice (Hard challenge) with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Dice = Container.expand(function () { var self = Container.call(this); var diceGraphics = self.attachAsset('Dice', { anchorX: 0.5, anchorY: 0.5 }); return self; }); /**** * Initialize Game ****/ // Create array to hold all dice var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Create array to hold all dice var diceArray = []; // Flag to control if dice can be rolled var canRoll = true; // 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(); // 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); } // Add screen tap event to trigger dice rolling animation game.down = function (x, y, obj) { // Only roll if allowed if (!canRoll) return; // Set rolling flag to prevent multiple rolls canRoll = false; // Animate all dice with 3 full rotations (6π radians) for (var i = 0; i < diceArray.length; i++) { var dice = diceArray[i]; // Reset rotation to 0 before starting animation dice.rotation = 0; // Animate to 3 full rotations (3 * 2π = 6π radians) tween(dice, { rotation: Math.PI * 6 }, { duration: 3000, easing: tween.easeOut, onFinish: function onFinish() { // After animation completes, wait 1 second before allowing next roll LK.setTimeout(function () { canRoll = true; }, 1000); } }); } }; }

===================================================================
--- original.js
+++ change.js
@@ -27,8 +27,10 @@
 * Game Code
 ****/ 
 // Create array to hold all dice
 var diceArray = [];
+// Flag to control if dice can be rolled
+var canRoll = true;
 // Calculate center positions for two columns
 var centerX = 2048 / 2;
 var centerY = 2732 / 2;
 var columnSpacing = 330; // Space between columns
@@ -45,8 +47,12 @@
 		diceArray.push(dice);
 	}
 	// Add screen tap event to trigger dice rolling animation
 	game.down = function (x, y, obj) {
+		// Only roll if allowed
+		if (!canRoll) return;
+		// Set rolling flag to prevent multiple rolls
+		canRoll = false;
 		// Animate all dice with 3 full rotations (6π radians)
 		for (var i = 0; i < diceArray.length; i++) {
 			var dice = diceArray[i];
 			// Reset rotation to 0 before starting animation
@@ -55,9 +61,15 @@
 			tween(dice, {
 				rotation: Math.PI * 6
 			}, {
 				duration: 3000,
-				easing: tween.easeOut
+				easing: tween.easeOut,
+				onFinish: function onFinish() {
+					// After animation completes, wait 1 second before allowing next roll
+					LK.setTimeout(function () {
+						canRoll = true;
+					}, 1000);
+				}
 			});
 		}
 	};
 }
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins