Upit | Learn about creating the game Snowball Santa with gen AI

var Wallet = Container.expand(function () {
	var self = Container.call(this);
	self.setCoinText = function (coinCount) {
		self.coinText.setText(coinCount.toString());
	};
	var walletBackground = self.createAsset('walletBg', 'Wallet Background', .5, .5);
	var walletForeground = self.createAsset('walletFg', 'Wallet Foreground', 1, .5);
	walletForeground.scale.x = walletForeground.scale.y = .7;
	self.init = function () {
		self.x = 1418 - walletBackground.width / 2;
		self.y = 110;
		self.coinText = new Text2('0', {
			size: 70,
			fill: '#000000',
			align: 'center'
		});
		self.coinText.x = walletForeground.x + 65;
		self.coinText.y = walletForeground.y;
		self.coinText.anchor.set(1, 0.5);
		self.addChild(self.coinText);
		LK.gui.addChildAt(self, LK.gui.children.length);
	};
});
var Coin = Container.expand(function () {
	var self = Container.call(this);
	self.pulsate = function () {
		var maxScale = 1.1;
		var minScale = 0.9;
		var scaleStep = 0.009;
		var growing = true;
		self.scale.x = minScale;
		self.scale.y = minScale;
		LK.on('tick', function () {
			if (growing) {
				self.scale.x += scaleStep;
				self.scale.y += scaleStep;
				if (self.scale.x >= maxScale) growing = false;
			} else {
				self.scale.x -= scaleStep;
				self.scale.y -= scaleStep;
				if (self.scale.x <= minScale) growing = true;
			}
		});
	};
	var coinGraphics = self.createAsset('coin', 'Coin Graphics', .5, .5);
	self.init = function () {
		self.x = Math.random() * (2048 - self.width) + self.width / 2;
		self.y = Math.random() * (2732 - self.height) + self.height / 2;
		LK.stage.addChild(self);
		allCoins.push(self);
		var gameInstance = self.getGameInstance();
		if (gameInstance && gameInstance.wallet) {
			gameInstance.wallet.setCoinText(allCoins.length);
		}
		var gameInstance = self.getGameInstance();
		if (gameInstance) {
			gameInstance.updateCoinDisplay();
		}
		self.pulsate();
	};
});
var Shadow = Container.expand(function () {
	var self = Container.call(this);
	var shadowGraphics = self.createAsset('shadow', 'Shadow Graphics', .5, .5);
	self.follow = function (target) {
		self.x = target.x;
		self.y = target.y + 50;
		var scale = target.scale.x * target.scale.x * 0.7;
		self.scale.x = self.scale.y = scale;
		self.scale.x = self.scale.y = scale;
		self.alpha = .5 / scale;
	};
});
var Aim = Container.expand(function () {
	var self = Container.call(this);
	var aimGraphics = self.createAsset('aim', 'Aim Graphics', .5, .5);
});
var ParticleSplash = Container.expand(function () {
	var self = Container.call(this);
	var particleSplashGraphics = self.createAsset('particleSplash', 'Particle Splash Graphics', .5, .5);
	var randomScale = 0.5 + Math.random() * 0.5;
	self.scale.x = randomScale;
	self.scale.y = randomScale;
	self.directionX = Math.random() * 2 - 1;
	self.directionY = Math.random() * 2 - 1;
	self.animate = function () {
		self.alpha -= 0.01;
		self.x += self.directionX;
		self.y += self.directionY;
		if (self.alpha <= 0) {
			self.destroy();
		}
	};
});
var ProgressBar = Container.expand(function () {
	var self = Container.call(this);
	var progressBarGraphics = self.createAsset('progressBar', 'Progress Bar Graphics', 0, .5);
	self.updateProgress = function (progress) {
		progressBarGraphics.scale.x = progress;
	};
});
var Snowball = Container.expand(function () {
	var self = Container.call(this);
	self.aim = arguments[0];
	var snowballGraphics = self.createAsset('snowball', 'Snowball Graphics', .5, .5);
	self.speed = -5;
	self.targetX = self.aim.x;
	self.targetY = self.aim.y;
	self.speedX = 0;
	self.speedY = 0;
	self.totalDistance = 0;
	self.rotationAjd = (Math.random() - 1) * 0.05;
	self.move = function () {
		self.totalDistance = Math.sqrt(Math.pow(self.startX - self.x, 2) + Math.pow(self.y - self.startY, 2));
		var halfDistance = self.targetTotalDistance / 2;
		var distanceFromHalf = 0;
		if (self.totalDistance < halfDistance) distanceFromHalf = halfDistance - self.totalDistance; else distanceFromHalf = self.totalDistance - halfDistance;
		var percentFromHalf = distanceFromHalf / halfDistance;
		if (percentFromHalf > 1.1) {
			self.shouldBeDestroyed = true;
		} else {
			var scaleAdj = 2 - percentFromHalf * 2;
			self.scale.x = 1 + scaleAdj;
			self.scale.y = 1 + scaleAdj;
			self.rotation += self.rotationAjd;
			self.mayHit = scaleAdj < 0.8;
			self.x += self.speedX;
			self.y += self.speedY;
			if (self.shadow) self.shadow.follow(self);
		}
	};
	self.init = function () {
		self.targetTotalDistance = Math.sqrt(Math.pow(self.targetX - self.x, 2) + Math.pow(self.y - self.targetY, 2));
		self.shadow = new Shadow();
		self.shadow.follow(self);
		LK.stage.addChild(self.shadow);
		LK.stage.addChild(self);
	};
});
var ZombieKid = Container.expand(function (targetGift) {
	var self = Container.call(this);
	var zombieKidGraphics = self.createAsset('zombieKid', 'Zombie Kid Graphics', .5, .5);
	self.speed = Math.random() * 2 + 1;
	self.targetGift = targetGift;
	self.hasGift = false;
	self.pickedUpGift = null;
	self.findNewTarget = function () {
		var availableGifts = this.parent.children.filter(function (child) {
			return child instanceof ChristmasGift && !child.isDestroyed && !child.hasBeenPickedUp;
		});
		if (availableGifts.length > 0) {
			var randomIndex = Math.floor(Math.random() * availableGifts.length);
			this.targetGift = availableGifts[randomIndex];
		}
	};
	self.move = function () {
		if (!self.hasGift) {
			if (self.targetGift) {
				var dx = self.targetGift.x - self.x;
				var dy = self.targetGift.y - self.y;
			} else {
				self.findNewTarget();
				return;
			}
			var angle = Math.atan2(dy, dx);
			self.x += Math.cos(angle) * self.speed;
			self.y += Math.sin(angle) * self.speed;
			if (Math.abs(self.x - self.targetGift.x) < 10 && Math.abs(self.y - self.targetGift.y) < 10) {
				self.hasGift = true;
				self.targetGift.hasBeenPickedUp = true;
				self.pickedUpGift = self.targetGift;
				if (self.pickedUpGift.parent) {
					self.pickedUpGift.parent.setChildIndex(self.pickedUpGift, self.pickedUpGift.parent.children.length - 1);
				}
				self.pickedUpGift.x = self.x;
				self.pickedUpGift.y = self.y;
			} else if (!self.targetGift || self.targetGift.isDestroyed || self.targetGift.hasBeenPickedUp) {
				self.findNewTarget();
			}
		} else {
			if (self.hasGift && !self.speedIncreased) {
				self.speed *= 1.5;
				self.speedIncreased = true;
			}
			self.y -= self.speed;
			if (self.pickedUpGift) {
				self.pickedUpGift.x = self.x;
				self.pickedUpGift.y = self.y;
				self.pickedUpGift.hasBeenPickedUp = true;
			}
		}
	};
});
var Santa = Container.expand(function () {
	var self = Container.call(this);
	var santaGraphics = self.createAsset('santa', 'Santa Graphics', .5, .5);
});
var ChristmasGift = Container.expand(function () {
	var self = Container.call(this);
	self.offScreenHandler = function () {
		if (self.y > 2732 || self.x < 0 || self.x > 2048 || self.y < 0) {
			self.flaggedForRemoval = true;
		}
	};
	var giftTypes = ['christmasGift1', 'christmasGift2', 'christmasGift3'];
	var randomType = giftTypes[Math.floor(Math.random() * giftTypes.length)];
	var christmasGiftGraphics = self.createAsset(randomType, 'Christmas Gifts Graphics', 0.5, 1);
	self.x = Math.random() * 1536 + 256;
	self.y = Math.random() * 2032 + 100;
});
var allCoins = [];
Container.prototype.getGameInstance = function () {
	var currentParent = this.parent;
	while (currentParent) {
		if (currentParent instanceof Game) {
			return currentParent;
		}
		currentParent = currentParent.parent;
	}
	if (currentParent === LK.stage) {
		return LK.stage.children.find(function (child) {
			return child instanceof Game;
		});
	}
	return LK.stage.children.find(function (child) {
		return child instanceof Game;
	});
};
var currentLevel = 0;
var levels = [{
	numZombieKids: 10,
	coinFrequency: 0.1,
	zombieKidSpeed: 2
}, {
	numZombieKids: 15,
	coinFrequency: 0.15,
	zombieKidSpeed: 2.5
}, {
	numZombieKids: 20,
	coinFrequency: 0.2,
	zombieKidSpeed: 3
}];
var Game = Container.expand(function () {
	var self = Container.call(this);
	self.zombieKids = [];
	self.christmasGifts = [];
	self.spawnZombieKids = function () {
		for (var i = 0; i < self.numZombieKids; i++) {
			var targetGift = self.christmasGifts[Math.floor(Math.random() * self.christmasGifts.length)];
			var newZombieKid = new ZombieKid(targetGift);
			newZombieKid.speed = self.zombieKidSpeed;
			newZombieKid.x = Math.random() * (2048 - newZombieKid.width);
			newZombieKid.y = -newZombieKid.height;
			self.zombieKids.push(newZombieKid);
			self.addChild(newZombieKid);
		}
	};
	self.startNextWave = function () {
		if (currentLevel < levels.length) {
			var level = levels[currentLevel];
			self.numZombieKids = level.numZombieKids;
			self.coinFrequency = level.coinFrequency;
			self.zombieKidSpeed = level.zombieKidSpeed;
			self.spawnZombieKids();
			currentLevel++;
		} else {
			LK.showGameOver();
		}
	};
	self.startNextWave();
	var background = self.createAsset('background', 'Full Screen Background', 0, 0);
	background.width = 2048;
	background.height = 2732;
	self.isThrowing = false;
	self.addChildAt(background, 0);
	var santa = self.addChild(new Santa());
	santa.x = 2048 / 2;
	santa.y = 2732 - santa.height - 2732 / 20;
	var progressBar = self.addChild(new ProgressBar());
	progressBar.x = 2048 - progressBar.width;
	progressBar.y = 2732 - progressBar.height;
	self.christmasGifts = self.christmasGifts || [];
	var placedGifts = 0;
	var tries = 0;
	self.giftCounterTxt = new Text2('Gifts: 10', {
		size: 100,
		fill: "#000000"
	});
	while (placedGifts < 10) {
		tries++;
		if (tries > 1000) break;
		var gift = new ChristmasGift();
		var intersects = false;
		for (var j = 0; j < self.christmasGifts.length; j++) {
			if (gift === self.christmasGifts[j]) continue;
			if (Math.abs(gift.x - self.christmasGifts[j].x) < 150 && Math.abs(gift.y - self.christmasGifts[j].y) < 150) intersects = true;
		}
		if (!intersects) {
			self.christmasGifts.push(gift);
			self.addChild(gift);
			placedGifts++;
			this.giftCounterTxt.setText('Gifts: ' + self.christmasGifts.length);
		}
	}
	var scoreTxt = new Text2('0', {
		size: 150,
		fill: "#000000"
	});
	var coinCounterTxt = new Text2('0', {
		size: 100,
		fill: "#000000"
	});
	self.wallet = new Wallet();
	self.wallet.init();
	coinCounterTxt.x = 2048 - coinCounterTxt.width / 2;
	coinCounterTxt.y = 100;
	coinCounterTxt.anchor.set(0.5, 0);
	LK.gui.addChild(coinCounterTxt);
	self.updateCoinDisplay = function () {
		coinCounterTxt.setText('' + allCoins.length.toString());
	};
	self.updateCoinDisplay();
	self.giftCounterTxt.anchor.set(.5, 0);
	self.giftCounterTxt.y = 1710;
	LK.gui.topCenter.addChild(self.giftCounterTxt);
	self.giftCounterTxt.setText('Gifts left: ' + self.christmasGifts.length);
	scoreTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(scoreTxt);
	self.updateScoreDisplay = function () {
		scoreTxt.setText(LK.getScore().toString());
	};
	self.updateScoreDisplay();
	var snowballs = [];
	var touchStartTime = 0;
	stage.on('down', function (obj) {
		touchStartTime = LK.ticks;
		progressBar.updateProgress(0);
		isThrowing = true;
		var event = obj.event;
		var pos = event.getLocalPosition(self);
		santa.baseRotation = Math.atan2(pos.y - santa.y, pos.x - santa.x) + Math.PI * 0.6;
		self.aimPosition = pos;
		var aim = new Aim();
		self.currentAim = aim;
		aim.x = pos.x;
		aim.y = pos.y;
		var progress = 0;
		aim.scale.x = aim.scale.y = 0.5 + progress * 0.5;
		self.addChild(aim);
		aim.tweenToAlpha = function (targetAlpha, duration) {
			var step = (1 - targetAlpha) / (duration * 60);
			var fadeInterval = LK.setInterval(function () {
				aim.alpha -= step;
				if (aim.alpha <= targetAlpha) {
					LK.clearInterval(fadeInterval);
					aim.destroy();
				}
			}, 1000 / 60);
		};
		aim.tweenToAlpha(0, 3);
	});
	stage.on('up', function (obj) {
		if (self.aim) {
			self.aim.destroy();
			self.aim = null;
		}
		progressBar.updateProgress(0);
		santa.rotation = santa.baseRotation;
		isThrowing = false;
		if (snowballs.length < 3 && self.aimPosition) {
			var newSnowball = new Snowball(self.currentAim);
			newSnowball.x = santa.x + 120;
			;
			newSnowball.y = santa.y;
			newSnowball.startX = santa.x + 120;
			newSnowball.startY = santa.y;
			newSnowball.targetX = self.aimPosition.x;
			newSnowball.targetY = self.aimPosition.y;
			newSnowball.init();
			var dx = newSnowball.targetX - newSnowball.x;
			var dy = newSnowball.targetY - newSnowball.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			var throwSpeed = 10;
			var touchDuration = LK.ticks - touchStartTime;
			var speedMultiplier = Math.min(touchDuration / 30, 10) * throwSpeed;
			newSnowball.speedMultiplier = speedMultiplier;
			newSnowball.speedX = -dx / distance * newSnowball.speed * speedMultiplier;
			newSnowball.speedY = -Math.abs(dy / distance * newSnowball.speed) * speedMultiplier;
			snowballs.push(newSnowball);
			self.aimPosition = null;
		}
		self.currentAim = null;
	});
	LK.on('tick', function () {
		var zombieKids = self.zombieKids;
		if (touchStartTime > 0 && isThrowing) {
			var progress = Math.min((LK.ticks - touchStartTime) / 30, 1);
			progressBar.updateProgress(progress);
			santa.rotation = santa.baseRotation + progress * Math.PI * 2 / 10;
			if (self.aim) {
				self.aim.scale.x = self.aim.scale.y = 0.5 + progressBarGraphics.scale.x * 0.5;
			}
			if (self.currentAim) {
				self.currentAim.scale.x = 0.2 + progress;
				self.currentAim.scale.y = 0.2 + progress;
			}
		}
		for (var a = snowballs.length - 1; a >= 0; a--) {
			if (snowballs[a]) {
				snowballs[a].move();
				for (var b = self.zombieKids.length - 1; b >= 0; b--) {
					if (zombieKids[b] && snowballs[a] && snowballs[a].intersects(zombieKids[b]) && snowballs[a].mayHit) {
						LK.setScore(LK.getScore() + 1);
						self.updateScoreDisplay();
						for (var i = 0; i < 10; i++) {
							var particleSplash = new ParticleSplash();
							particleSplash.x = snowballs[a].x;
							particleSplash.y = snowballs[a].y;
							particleSplash.directionX *= snowballs[a].speedY;
							particleSplash.directionY *= snowballs[a].speedY;
							self.addChild(particleSplash);
						}
						if (zombieKids[b].hasGift) {
							var droppedGift = zombieKids[b].pickedUpGift;
							droppedGift.x = zombieKids[b].x;
							droppedGift.y = zombieKids[b].y;
							droppedGift.hasBeenDropped = true;
							droppedGift.hasBeenPickedUp = false;
						}
						zombieKids[b].destroy();
						zombieKids.splice(b, 1);
						if (snowballs[a].aim) snowballs[a].aim.destroy();
						if (snowballs[a].shadow) snowballs[a].shadow.destroy();
						snowballs[a].destroy();
						snowballs[a].shadow.destroy();
						snowballs.splice(a, 1);
						break;
					}
					for (var k = 0; k < allCoins.length; k++) {
						if (snowballs[a] && snowballs[a].intersects(allCoins[k])) {
							LK.setScore(LK.getScore() + 1);
							self.updateScoreDisplay();
							allCoins[k].destroy();
							self.updateCoinDisplay();
							if (snowballs[a].aim) snowballs[a].aim.destroy();
							if (snowballs[a].shadow) snowballs[a].shadow.destroy();
							snowballs[a].destroy();
							snowballs.splice(a, 1);
						}
					}
				}
				if (snowballs[a] && (snowballs[a].y < -50 || snowballs[a].shouldBeDestroyed)) {
					snowballs[a].destroy();
					snowballs[a].shadow.destroy();
					snowballs.splice(a, 1);
				}
			}
		}
		console.log(self.zombieKids.length);
		for (var b = self.zombieKids.length - 1; b >= 0; b--) {
			console.log(zombieKids.length);
			if (zombieKids[b]) {
				zombieKids[b].move();
			}
			if (zombieKids[b].y < 50) {
				zombieKids[b].destroy();
				zombieKids.splice(b, 1);
			}
		}
		for (var c = self.children.length - 1; c >= 0; c--) {
			if (self.children[c] instanceof ParticleSplash) {
				self.children[c].animate();
			}
		}
		for (var j = 0; j < self.christmasGifts.length; j++) {
			self.christmasGifts[j].offScreenHandler();
			if (self.christmasGifts[j].flaggedForRemoval) {
				self.christmasGifts[j].destroy();
				self.christmasGifts.splice(j, 1);
				self.giftCounterTxt.setText('Gifts left: ' + self.christmasGifts.length);
			}
		}
	});
});
Creation History

Images
