Upit | Learn about creating the game Seagull Snatch with gen AI

/**** 
* Classes
****/ 
var Seagull = Container.expand(function () {
	var self = Container.call(this);
	var seagullGraphics = self.attachAsset('objSeagull', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.direction = 1;
	self.diving = false;
	self.diveTime = 0;
	self.diveDuration = 60; // Total duration of the dive in frames
	self.startX = 0;
	self.startY = 0;
	self.endX = 0;
	self.endY = 2732 - seagullGraphics.height / 2 - 200; // Target Y position for the dive
	self.returning = false;
	self.update = function () {
		if (self.diving) {
			self.diveTime++;
			var t = self.diveTime / self.diveDuration; // Normalized time (0 to 1)
			self.x = (1 - t) * self.startX + t * self.endX; // Linear horizontal movement
			self.y = (1 - t) * self.startY + t * self.endY - 300 * t * (1 - t); // Parabolic vertical movement
			if (self.diveTime >= self.diveDuration) {
				self.diveTime = 0;
				self.diving = false;
				self.returning = true; // Start returning to original position
				self.startX = self.x; // Update startX to the current X
				self.startY = self.y; // Update startY to the current Y (bottom of the dive)
				self.endY = 475; // Return to the original Y position
				self.endX = self.startX + self.speed * self.direction * self.diveDuration / 2; // Move further ahead
			}
		} else if (self.returning) {
			self.diveTime++;
			var t = self.diveTime / self.diveDuration; // Normalized time (0 to 1)
			self.x = (1 - t) * self.startX + t * self.endX; // Linear horizontal movement back
			self.y = (1 - t) * self.startY + t * self.endY - 300 * t * (1 - t); // Parabolic vertical movement back
			if (self.diveTime >= self.diveDuration) {
				self.diveTime = 0;
				self.returning = false; // End the return phase
				self.diving = false; // Reset diving state
				self.startX = self.x; // Reset startX for the next dive
				self.startY = self.y; // Reset startY for the next dive
				self.endY = 2732 - seagullGraphics.height / 2 - 200; // Reset endY for the next dive
			}
		} else {
			self.x += self.speed * self.direction;
			self.y += Math.sin(LK.ticks / 10) * 5; // Add a hover effect
			// Check if seagull is out of bounds horizontally
			if (self.x > 2048 + seagullGraphics.width / 2 || self.x < -seagullGraphics.width / 2) {
				self.direction *= -1; // Flip direction
				self.x = Math.max(-seagullGraphics.width / 2, Math.min(2048 + seagullGraphics.width / 2, self.x)); // Keep seagull within bounds
				self.y = Math.random() * (2732 * 0.3) + 100; // Random Y position in the upper 30% of the playspace with a 100px boundary
				// Flip the seagull's graphics
				seagullGraphics.scale.x *= -1;
			}
		}
		// Check if seagull and fries are intersecting
		if (self.intersects(fries)) {
			// Attach fries to the center of seagull
			fries.x = self.x;
			fries.y = self.y + 200;
			// Update hungerMeter's value
			hungerMeter.width += 10;
		}
		// Check if fries leave the playspace
		if (fries.y > 2732 + fries.height / 2 || fries.y < -fries.height / 2 || fries.x > 2048 + fries.width / 2 || fries.x < -fries.width / 2) {
			// Destroy fries
			fries.destroy();
		}
	};
	self.down = function (x, y, obj) {
		if (!self.diving && !self.returning) {
			// Only start diving if not already diving or returning
			self.diving = true;
			self.diveTime = 0;
			self.startX = self.x;
			self.startY = self.y;
			// Calculate endX based on current speed and direction
			self.endX = self.startX + self.speed * self.direction * self.diveDuration / 2;
		}
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
var background = game.addChild(LK.getAsset('ObjBackground01', {
	anchorX: 0.5,
	anchorY: 0.5
}));
background.x = 1024;
background.y = 1366;
var seagull = game.addChild(new Seagull());
seagull.x = 1024;
seagull.y = 475;
var fries = game.addChild(LK.getAsset('objFries', {
	anchorX: 0.5,
	anchorY: 0.5
}));
fries.x = 1024;
fries.y = 2166;
var hungerMeter = game.addChild(LK.getAsset('objHungerMeter', {
	anchorX: 0.5,
	anchorY: 0.5
}));
hungerMeter.x = 1024;
hungerMeter.y = 1366;
Creation History

Images

Sounds & Music
