Upit | Learn about creating the game Easing Test with gen AI

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// Logo class
var Logo = Container.expand(function () {
	var self = Container.call(this);
	var logoGraphics = self.attachAsset('logo', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});

/**** 
* Initialize Game
****/ 
//<Write entity 'classes' with empty functions for important behavior here>
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background
});

/**** 
* Game Code
****/ 
var logoIn = false; // Track the state of the logo (in or out)
var easingFunctionsIn = [tween.linear, tween.easeIn, tween.elasticIn, tween.bounceIn];
var easingFunctionsOut = [tween.linear, tween.easeOut, tween.elasticOut, tween.bounceOut];
game.down = function (x, y, obj) {
	var randomEasing;
	function animateLogo(isLogoIn) {
		var randomEasing;
		if (!isLogoIn) {
			// If logo is out, animate it in
			// Randomly select a corner for the logo to appear
			var corners = [{
				x: -logo.width,
				y: -logo.height
			},
			// Top left
			{
				x: 2048 + logo.width,
				y: -logo.height
			},
			// Top right
			{
				x: -logo.width,
				y: 2732 + logo.height
			},
			// Bottom left
			{
				x: 2048 + logo.width,
				y: 2732 + logo.height
			} // Bottom right
			];
			var corner = corners[Math.floor(Math.random() * corners.length)];
			logo.x = corner.x;
			logo.y = corner.y;
			randomEasing = easingFunctionsIn[Math.floor(Math.random() * easingFunctionsIn.length)];
		} else {
			// If logo is in, animate it out
			randomEasing = easingFunctionsOut[Math.floor(Math.random() * easingFunctionsOut.length)];
		}
		tween(logo, {
			x: isLogoIn ? -logo.width : 1024,
			y: isLogoIn ? -logo.height : 1366
		}, {
			duration: 2000,
			easing: randomEasing,
			onFinish: function onFinish() {
				if (isLogoIn) {
					animateLogo(false);
				}
			}
		});
		logoIn = !isLogoIn;
	}
	animateLogo(logoIn);
};
var logo = game.addChild(new Logo());
logo.x = -logo.width;
logo.y = -logo.height;
tween(logo, {
	x: 1024,
	y: 1366
}, {
	duration: 2000,
	easing: tween.elasticIn
});
// Add a text 'Easing' in bottom center
var easingText = new Text2('Easing', {
	size: 150,
	fill: 0xFFFFFF
});
easingText.anchor.set(0.5, 1); // Sets anchor to the center of the bottom edge of the text.
easingText.x = 1024; // Center of the game width
easingText.y = 2732; // Bottom of the game height
easingText.tint = 0xFFFFFF;
game.addChild(easingText);
Creation History

Images
