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

Play

game-community-background

user photo

TestNonPublic2946

game-pic

63

0

4mo

A simple illustration of available easing in Tween plugin

#test

#demo

#easing

#tween

#plugin

Creation History

User prompt

rename randomEasing

Code edit (3 edits merged)

Please save this source code

User prompt

update corners so the logo stays with screen boundaries

User prompt

fix x: isLogoIn ? -logo.width : 1024, y: isLogoIn ? -logo.height : 1366 to stay in screen boundaries

Code edit (1 edits merged)

Please save this source code

User prompt

in ` tween(logo, { x: isLogoIn ? logo.width / 2 : 1024, y: isLogoIn ? logo.height / 2 : 1366 } ` use a random corner

User prompt

in ` tween(logo, { x: isLogoIn ? logo.width / 2 : 1024, y: isLogoIn ? logo.height / 2 : 1366 } ` use a random corner instead of logo.width / 2, logo.height / 2

User prompt

in corners change 50 offset to 20

Code edit (2 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: corner is undefined' in or related to this line: 'corner.x = logo.x;' Line Number: 78

Code edit (7 edits merged)

Please save this source code

User prompt

Ok. clean the code

User prompt

restore the first logo entrance code : ``` tween(logo, { x: 1024, y: 1366 }, { duration: 2000, easing: tween.elasticIn, onFinish: function onFinish() { isMoving = false; // Set the flag to false when the logo stops moving logoIn = true; } }); ```

Code edit (3 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -75,12 +75,9 @@
 	} else {
 		// If logo is out, animate it in
 		selectedEasing = easingFunctionsIn[easingIndex % easingFunctionsIn.length];
 		easingText.setText(easingFunctionsInNames[easingIndex % easingFunctionsIn.length]);
-		corner = {
-			x: logo.x,
-			y: logo.y
-		};
+		corner = corners[Math.floor(Math.random() * corners.length)];
 	}
 	tween(logo, {
 		x: isLogoIn ? corner.x : 1024,
 		y: isLogoIn ? corner.y : 1366
@@ -97,19 +94,8 @@
 		}
 	});
 	logoIn = !isLogoIn;
 }
-tween(logo, {
-	x: 1024,
-	y: 1366
-}, {
-	duration: 2000,
-	easing: tween.elasticIn,
-	onFinish: function onFinish() {
-		isMoving = false; // Set the flag to false when the logo stops moving
-		logoIn = true;
-	}
-});
 // Add a text 'Easing' in bottom center
 var easingText = new Text2('Easing', {
 	size: 150,
 	fill: 0xFFFFFF

Showing 76 to 90 of 90

1 2 3 4

Images

Main