Upit | Learn about creating the game The Golden Temptation: Casino Slots & Blackjack with gen AI

===================================================================
--- original.js
+++ change.js
@@ -245,8 +245,78 @@
 		}
 	};
 	return self;
 });
+var Deck = Container.expand(function () {
+	var self = Container.call(this);
+	var deckGraphic = self.attachAsset('deckPile', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		width: 240,
+		height: 360
+	});
+	self.cardCount = 52;
+	var countText = new Text2('52', {
+		size: 24,
+		fill: '#FFFFFF'
+	});
+	countText.anchor.set(0.5, 0.5);
+	countText.y = -200;
+	deckGraphic.addChild(countText);
+	self.updateCount = function (count) {
+		self.cardCount = count;
+		countText.setText(count.toString());
+		if (count <= 0) {
+			deckGraphic.alpha = 0.3;
+		} else {
+			deckGraphic.alpha = 1.0;
+		}
+	};
+	self.dealAnimation = function (targetX, targetY, onComplete) {
+		if (self.cardCount <= 0) {
+			if (onComplete) onComplete();
+			return;
+		}
+		self.cardCount--;
+		self.updateCount(self.cardCount);
+		var dealingCard = LK.getAsset('cardBack', {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			width: 240,
+			height: 360
+		});
+		dealingCard.x = self.x;
+		dealingCard.y = self.y;
+		game.addChild(dealingCard);
+		tween(dealingCard, {
+			x: targetX,
+			y: targetY,
+			rotation: (Math.random() - 0.5) * 0.2
+		}, {
+			duration: 600,
+			easing: tween.easeOut,
+			onFinish: function onFinish() {
+				dealingCard.destroy();
+				if (onComplete) onComplete();
+			}
+		});
+		tween(deckGraphic, {
+			scaleX: 0.95,
+			scaleY: 0.95
+		}, {
+			duration: 100,
+			onFinish: function onFinish() {
+				tween(deckGraphic, {
+					scaleX: 1.0,
+					scaleY: 1.0
+				}, {
+					duration: 100
+				});
+			}
+		});
+	};
+	return self;
+});
 var GameButton = Container.expand(function (text, width, height) {
 	var self = Container.call(this);
 	var buttonShadow = self.attachAsset('buttonShadow', {
 		anchorX: 0.5,
@@ -298,8 +368,61 @@
 		});
 	};
 	return self;
 });
+var Hand = Container.expand(function (isDealer) {
+	var self = Container.call(this);
+	self.isDealer = isDealer || false;
+	var handGraphic = self.attachAsset(isDealer ? 'dealerHand' : 'playerHand', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		width: 160,
+		height: 240,
+		alpha: 0.7
+	});
+	var handText = new Text2(isDealer ? 'DEALER' : 'PLAYER', {
+		size: 18,
+		fill: '#FFFFFF',
+		font: "'Arial Black', Arial, sans-serif"
+	});
+	handText.anchor.set(0.5, 0.5);
+	handGraphic.addChild(handText);
+	self.showCards = function () {
+		tween(handGraphic, {
+			alpha: 1.0,
+			scaleX: 1.1,
+			scaleY: 1.1
+		}, {
+			duration: 200,
+			onFinish: function onFinish() {
+				tween(handGraphic, {
+					scaleX: 1.0,
+					scaleY: 1.0
+				}, {
+					duration: 200
+				});
+			}
+		});
+	};
+	self.hideCards = function () {
+		tween(handGraphic, {
+			alpha: 0.7,
+			scaleX: 0.9,
+			scaleY: 0.9
+		}, {
+			duration: 200,
+			onFinish: function onFinish() {
+				tween(handGraphic, {
+					scaleX: 1.0,
+					scaleY: 1.0
+				}, {
+					duration: 200
+				});
+			}
+		});
+	};
+	return self;
+});
 var PayLine = Container.expand(function () {
 	var self = Container.call(this);
 	var line = self.attachAsset('paylineHighlight', {
 		anchorX: 0.5,
@@ -529,8 +652,21 @@
 var slotBackButton = game.addChild(new GameButton('MENU', 120, 50));
 slotBackButton.x = 1024;
 slotBackButton.y = 2500;
 slotBackButton.alpha = 0;
+// Add deck and hands
+var gameDeck = game.addChild(new Deck());
+gameDeck.x = 200;
+gameDeck.y = 1366;
+gameDeck.alpha = 0;
+var dealerHandArea = game.addChild(new Hand(true));
+dealerHandArea.x = 500;
+dealerHandArea.y = 400;
+dealerHandArea.alpha = 0;
+var playerHandArea = game.addChild(new Hand(false));
+playerHandArea.x = 500;
+playerHandArea.y = 2000;
+playerHandArea.alpha = 0;
 // Score displays
 var playerScoreText = new Text2('Player: 0', {
 	size: 36,
 	fill: '#FFD700',
@@ -616,23 +752,39 @@
 		deck[i] = deck[j];
 		deck[j] = temp;
 	}
 }
-function dealCard(isDealer) {
+function dealCard(isDealer, callback) {
 	if (deck.length === 0) createDeck();
 	var cardData = deck.pop();
 	var card = isDealer ? new DealerCard(cardData.suit, cardData.value) : new Card(cardData.suit, cardData.value);
+	var targetX, targetY;
 	if (isDealer) {
 		dealerCards.push(card);
-		card.x = 800 + (dealerCards.length - 1) * 240;
-		card.y = 500;
+		targetX = 800 + (dealerCards.length - 1) * 240;
+		targetY = 500;
+		dealerHandArea.showCards();
 	} else {
 		playerCards.push(card);
-		card.x = 800 + (playerCards.length - 1) * 280;
-		card.y = 1900;
+		targetX = 800 + (playerCards.length - 1) * 280;
+		targetY = 1900;
+		playerHandArea.showCards();
 	}
+	card.x = targetX;
+	card.y = targetY;
+	card.alpha = 0;
 	game.addChild(card);
-	card.flip();
+	gameDeck.dealAnimation(targetX, targetY, function () {
+		tween(card, {
+			alpha: 1
+		}, {
+			duration: 200,
+			onFinish: function onFinish() {
+				card.flip();
+				if (callback) callback();
+			}
+		});
+	});
 	return card;
 }
 function calculateHandValue(cards) {
 	var value = 0;
@@ -728,8 +880,23 @@
 		alpha: 0
 	}, {
 		duration: 300
 	});
+	tween(gameDeck, {
+		alpha: 0
+	}, {
+		duration: 300
+	});
+	tween(dealerHandArea, {
+		alpha: 0
+	}, {
+		duration: 300
+	});
+	tween(playerHandArea, {
+		alpha: 0
+	}, {
+		duration: 300
+	});
 	// Show menu buttons
 	tween(blackjackButton, {
 		alpha: 1
 	}, {
@@ -790,8 +957,23 @@
 		alpha: 1
 	}, {
 		duration: 300
 	});
+	tween(gameDeck, {
+		alpha: 1
+	}, {
+		duration: 300
+	});
+	tween(dealerHandArea, {
+		alpha: 1
+	}, {
+		duration: 300
+	});
+	tween(playerHandArea, {
+		alpha: 1
+	}, {
+		duration: 300
+	});
 	dealButton.setEnabled(playerMoney >= currentBet);
 }
 function switchToSlots() {
 	gameMode = 'slots';
@@ -856,59 +1038,68 @@
 	playerMoney -= currentBet;
 	updateMoneyDisplay();
 	clearTable();
 	createDeck();
+	gameDeck.updateCount(52);
 	gamePhase = 'dealing';
 	messageDisplay.setText('Dealing cards...');
-	// Deal initial cards
-	dealCard(false); // Player
-	dealCard(true); // Dealer (face down)
-	dealCard(false); // Player
-	dealCard(true); // Dealer (face up)
-	// Dealer's first card stays face down
-	if (dealerCards.length > 0) {
-		dealerCards[0].faceUp = true;
-		dealerCards[0].flip();
-	}
-	updateScoreDisplays();
-	var playerScore = calculateHandValue(playerCards);
-	if (playerScore === 21) {
-		messageDisplay.setText('Blackjack!');
-		endHand();
-	} else {
-		gamePhase = 'playing';
-		messageDisplay.setText('Hit or Stand?');
-		// Show action buttons
-		tween(hitButton, {
-			alpha: 1
-		}, {
-			duration: 300
+	// Deal initial cards with animation sequence
+	dealCard(false, function () {
+		dealCard(true, function () {
+			dealCard(false, function () {
+				dealCard(true, function () {
+					// Dealer's first card stays face down
+					if (dealerCards.length > 0) {
+						dealerCards[0].faceUp = true;
+						dealerCards[0].flip();
+					}
+					updateScoreDisplays();
+					finishDealingPhase();
+				});
+			});
 		});
-		tween(standButton, {
-			alpha: 1
-		}, {
-			duration: 300
-		});
-		if (playerMoney >= currentBet) {
-			tween(doubleButton, {
+	});
+	function finishDealingPhase() {
+		var playerScore = calculateHandValue(playerCards);
+		if (playerScore === 21) {
+			messageDisplay.setText('Blackjack!');
+			endHand();
+		} else {
+			gamePhase = 'playing';
+			messageDisplay.setText('Hit or Stand?');
+			// Show action buttons
+			tween(hitButton, {
 				alpha: 1
 			}, {
 				duration: 300
 			});
+			tween(standButton, {
+				alpha: 1
+			}, {
+				duration: 300
+			});
+			if (playerMoney >= currentBet) {
+				tween(doubleButton, {
+					alpha: 1
+				}, {
+					duration: 300
+				});
+			}
+			dealButton.setEnabled(false);
 		}
-		dealButton.setEnabled(false);
 	}
 }
 function playerHit() {
-	dealCard(false);
-	updateScoreDisplays();
-	var playerScore = calculateHandValue(playerCards);
-	if (playerScore > 21) {
-		messageDisplay.setText('Bust! You lose.');
-		endHand();
-	} else if (playerScore === 21) {
-		playerStand();
-	}
+	dealCard(false, function () {
+		updateScoreDisplays();
+		var playerScore = calculateHandValue(playerCards);
+		if (playerScore > 21) {
+			messageDisplay.setText('Bust! You lose.');
+			endHand();
+		} else if (playerScore === 21) {
+			playerStand();
+		}
+	});
 	// Disable double after hit
 	doubleButton.setEnabled(false);
 }
 function playerStand() {
@@ -943,26 +1134,28 @@
 	if (playerMoney < currentBet) return;
 	playerMoney -= currentBet;
 	currentBet *= 2;
 	updateMoneyDisplay();
-	dealCard(false);
-	updateScoreDisplays();
-	var playerScore = calculateHandValue(playerCards);
-	if (playerScore > 21) {
-		messageDisplay.setText('Bust! You lose.');
-		endHand();
-	} else {
-		playerStand();
-	}
+	dealCard(false, function () {
+		updateScoreDisplays();
+		var playerScore = calculateHandValue(playerCards);
+		if (playerScore > 21) {
+			messageDisplay.setText('Bust! You lose.');
+			endHand();
+		} else {
+			playerStand();
+		}
+	});
 }
 function playDealerTurn() {
 	var dealerScore = calculateHandValue(dealerCards);
 	if (dealerScore < 17) {
-		dealCard(true);
-		updateScoreDisplays();
-		LK.setTimeout(function () {
-			playDealerTurn();
-		}, 1000);
+		dealCard(true, function () {
+			updateScoreDisplays();
+			LK.setTimeout(function () {
+				playDealerTurn();
+			}, 1000);
+		});
 	} else {
 		endHand();
 	}
 }
Creation History

Images

Sounds & Music

Used plugins
