Upit | Learn about creating the game Jumping Toad with gen AI

var DustParticle = Container.expand(function () {
	var self = Container.call(this);
	var dustParticleGraphics = self.createAsset('dustParticle', 'Dust Particle', .5, .5);
	dustParticleGraphics.scale.set(1);
	self.move = function () {
		self.x += self.vx;
		self.y += self.vy;
		self.alpha -= 0.04;
		if (self.alpha <= 0) {
			self.destroy();
		}
	};
	LK.on('tick', function () {
		self.move();
	});
});
var ToxicParticle = Container.expand(function () {
	var self = Container.call(this);
	var toxicParticleGraphics = self.createAsset('toxicParticle', 'Toxic Particle', .5, .5);
	toxicParticleGraphics.scale.set(1);
	self.move = function () {
		self.x += self.vx;
		self.y += self.vy;
		self.alpha -= 0.02;
		if (self.alpha <= 0) {
			self.destroy();
		}
	};
	LK.on('tick', function () {
		self.move();
	});
});
var FlyTrajectory = Container.expand(function () {
	var self = Container.call(this);
	var trajectoryGraphics = self.addChild(LK.getAsset('trajectory', 'Trajectory', 0.5, 0.5));
	trajectoryGraphics.scale.set(2);
	trajectoryGraphics.alpha = 0.5;
	LK.on('tick', function () {
		trajectoryGraphics.alpha = (Math.sin(LK.ticks / 5) + 1) / 2;
	});
	self.setTrajectory = function (startX, startY, endX, endY) {
		var dx = endX - startX;
		var dy = endY - startY;
		var distance = Math.sqrt(dx * dx + dy * dy);
		var angle = Math.atan2(dy, dx);
		trajectoryGraphics.width = distance;
		trajectoryGraphics.rotation = angle;
		self.x = startX;
		self.y = startY;
	};
});
var ToxicFly = Container.expand(function () {
	var self = Container.call(this);
	var toxicFlyGraphics = self.createAsset('toxicFly', 'Toxic Fly', .5, .5);
	toxicFlyGraphics.scale.set(3);
	self.move = function () {
		self.x += self.vx;
		self.y += self.vy;
		for (var i = 0; i < 5; i++) {
			if (Math.random() < 0.2) {
				var toxicParticle = new ToxicParticle();
				toxicParticle.x = self.x;
				toxicParticle.y = self.y;
				toxicParticle.vx = (Math.random() - 0.5) * 4;
				toxicParticle.vy = (Math.random() - 0.5) * 4;
				self.parent.addChild(toxicParticle);
			}
		}
	};
});
var Frog = Container.expand(function () {
	var self = Container.call(this);
	self.vx = 0;
	self.vy = 0;
	self.gravity = 0.5;
	var frogGraphics = self.createAsset('frog', 'Frog character', .5, .5);
	frogGraphics.scale.set(3);
	self.jump = function (targetX, targetY) {
		var dx = targetX - self.x;
		var dy = targetY - self.y;
		var angle = Math.atan2(dy, dx);
		self.vx = Math.cos(angle) * 20;
		self.vy = Math.sin(angle) * 30 + 5;
		if (targetX < self.x) {
			frogGraphics.scale.x = 3;
		} else {
			frogGraphics.scale.x = -3;
		}
		for (var i = 0; i < 10; i++) {
			var dustParticle = new DustParticle();
			dustParticle.x = self.x;
			dustParticle.y = self.y;
			dustParticle.vx = (Math.random() - 0.5) * 8;
			dustParticle.vy = (Math.random() - 0.5) * 1;
			self.parent.addChild(dustParticle);
		}
	};
	self.dodge = function (targetX, targetY) {
		var dx = targetX - self.x;
		var dy = targetY - self.y;
		var angle = Math.atan2(dy, dx);
		self.vx = Math.cos(angle) * 10;
		self.vy = Math.sin(angle) * 10;
	};
});
var LilyPad = Container.expand(function () {
	var self = Container.call(this);
	var lilyPadGraphics = self.createAsset('lilyPad', 'Lily pad', .5, .5);
	lilyPadGraphics.scale.set(3, 1);
	self.move = function () {};
	self.checkCollision = function (otherLilyPad) {
		var dx = self.x - otherLilyPad.x;
		var dy = self.y - otherLilyPad.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		return distance < self.width / 2 + otherLilyPad.width / 2;
	};
});
var Danger = Container.expand(function () {
	var self = Container.call(this);
	var dangerGraphics = self.createAsset('danger', 'Danger', .5, .5);
	self.move = function () {};
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var background = self.createAsset('background', 'Game Background', 0, 0);
	background.width = 2048;
	background.height = 2732;
	var frog = self.addChild(new Frog());
	var lilyPads = [];
	for (var i = 0; i < 5; i++) {
		var lilyPad = new LilyPad();
		do {
			lilyPad.x = Math.random() * 2048;
			lilyPad.y = Math.random() * 2732 / 2 + 2732 / 2;
		} while (lilyPads.some(function (otherLilyPad) {
			return lilyPad.checkCollision(otherLilyPad);
		}));
		lilyPads.push(lilyPad);
		self.addChild(lilyPad);
	}
	var dangers = [];
	var toxicFlies = [];
	frog.x = 2048 / 2;
	frog.y = 2732 / 2;
	var spawnToxicFly = function () {
		var edge = Math.floor(Math.random() * 4);
		var startX = edge == 0 || edge == 2 ? Math.random() * 2048 : edge == 1 ? 0 : 2048;
		var startY = edge == 0 || edge == 2 ? edge == 0 ? 0 : 2732 : Math.random() * 2732;
		var dx = frog.x - startX;
		var dy = frog.y - startY;
		var angle = Math.atan2(dy, dx);
		var trajectory = new FlyTrajectory();
		trajectory.setTrajectory(startX, startY, frog.x, frog.y);
		self.addChild(trajectory);
		LK.setTimeout(function () {
			var toxicFly = new ToxicFly();
			toxicFly.x = startX;
			toxicFly.y = startY;
			toxicFly.vx = Math.cos(angle) * 30;
			toxicFly.vy = Math.sin(angle) * 30;
			toxicFlies.push(toxicFly);
			self.addChild(toxicFly);
			trajectory.destroy();
		}, 1000);
	};
	LK.setInterval(spawnToxicFly, 3000);
	var score = 0;
	var scoreTxt = new Text2('0', {
		size: 200,
		fill: '#ffffff',
		fontWeight: 'bold',
		fontStyle: 'bold',
		stroke: '#000000',
		strokeThickness: 20
	});
	scoreTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(scoreTxt);
	LK.setInterval(function () {
		score++;
		scoreTxt.setText(score);
	}, 1000);
	LK.on('tick', function () {
		frog.x += frog.vx;
		if (frog.x < 0 || frog.x > 2048) {
			frog.vx *= -1;
		}
		frog.y += frog.vy;
		frog.vy += frog.gravity;
		if (frog.y < 0 || frog.y > 2732) {
			LK.showGameOver();
		}
		for (var i = 0; i < lilyPads.length; i++) {
			if (frog.intersects(lilyPads[i])) {
				frog.vy = -10;
			}
		}
		for (var i = 0; i < toxicFlies.length; i++) {
			if (frog.intersects(toxicFlies[i])) {
				LK.showGameOver();
			}
		}
		for (var i = 0; i < lilyPads.length; i++) {
			lilyPads[i].move();
			if (lilyPads[i].x < -50) {
				lilyPads[i].destroy();
				lilyPads.splice(i, 1);
			}
		}
		for (var i = 0; i < toxicFlies.length; i++) {
			toxicFlies[i].move(frog.x, frog.y);
			if (toxicFlies[i].x < -50 || toxicFlies[i].x > 2048 || toxicFlies[i].y < -50 || toxicFlies[i].y > 2732) {
				toxicFlies[i].destroy();
				toxicFlies.splice(i, 1);
			}
		}
	});
	stage.on('down', function (obj) {
		var event = obj.event;
		var pos = event.getLocalPosition(self);
		frog.jump(pos.x, pos.y);
	});
});
Images
