Upit | Learn about creating the game Mystical Tiles with gen AI

===================================================================
--- original.js
+++ change.js
@@ -263,9 +263,10 @@
 	});
 	var label = new Text2('Level Cleared!', {
 		size: 100,
 		fill: 0xdddddd,
-		align: 'center'
+		align: 'center',
+		font: 'Georgia'
 	});
 	label.anchor.set(0.5, 0.5);
 	label.x = 0;
 	label.y = -100;
@@ -276,8 +277,42 @@
 		self.addChild(firework);
 		stars.push(firework);
 	}
 });
+var Particle = Container.expand(function () {
+	var self = Container.call(this);
+	var particleGraphics = self.attachAsset('particle', {
+		anchorX: 0.5,
+		anchorY: 0.5
+		//tint: Math.random() * 0xffffff
+	});
+	self.addChild(particleGraphicsGraphics);
+	var amplitude = 5 + Math.random() * 10;
+	self.update = function () {
+		if (self.y > 0) {
+			self.y--;
+		} else {
+			self.x = Math.random() * 2048;
+			self.y = 2732;
+		}
+	};
+});
+var ParticleContainer = Container.expand(function () {
+	var self = Container.call(this);
+	self.particles = [];
+	self.particlesMax = 30;
+	self.update = function () {
+		if (self.particles.length < self.particlesMax) {
+			if (Math.random() < 0.02) {
+				var p = new Particle();
+				p.x = Math.random() * 2048;
+				p.y = 2732;
+				self.particles.push(p);
+				self.addChild(p);
+			}
+		}
+	};
+});
 var Star = Container.expand(function (startX, startY, endX, endY, delay, boxTint) {
 	var self = Container.call(this);
 	//GoldCoin.delayIncrement = 0;
 	//self.game = this;
@@ -488,16 +523,18 @@
 var gameLogo = LK.getAsset('gameLogo', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 1024,
-	y: 300
+	y: 300,
+	tint: 0x22ddff
 });
 game.addChild(gameLogo);
 // Create and position the score label
 var scoreLabel = new Text2('Score\n0', {
 	size: 60,
 	fill: 0xFFFFFF,
-	align: 'center'
+	align: 'center',
+	font: 'Georgia'
 });
 scoreLabel.anchor.set(1, 0); // Anchor to the right
 scoreLabel.x = 2048 - 50; // Position near the right edge
 scoreLabel.y = 140; //50; // Position at the top
@@ -506,9 +543,10 @@
 // Create and position the high score label
 var highScoreLabel = new Text2('Best\n0', {
 	size: 50,
 	fill: 0xdddddd,
-	align: 'center'
+	align: 'center',
+	font: 'Georgia'
 });
 highScoreLabel.anchor.set(1, 0); // Anchor to the right
 highScoreLabel.x = 2048 - 75; // Position near the right edge
 highScoreLabel.y = 300; //220; // Position below the score label
@@ -518,10 +556,9 @@
 	size: 60,
 	//120,
 	fill: 0xFFFFFF,
 	align: 'center',
-	font: 'Garamond',
-	weight: 800
+	font: 'Georgia'
 });
 //levelLabel.anchor.set(0.5, 0.5);
 levelLabel.anchor.set(1, 0);
 levelLabel.x = 2048 - 30; // Position near the right edge
@@ -539,8 +576,10 @@
 	return tileSize;
 	console.log(tileSize);
 }
 var tileSize = calculateTileSize();
+var particleContainer = new ParticleContainer();
+game.addChild(particleContainer);
 var board = new Board();
 board.x = 1024;
 board.y = boardCenterY; //2732 / 2 + 200;
 game.addChild(board);
Creation History

Images

Sounds & Music
