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

Play

Easing Test

djam

TestNonPublic2946

4mo

Playit

A simple illustration of available easing in Tween plugin

#test

#demo

#easing

#tween

#plugin

Creation History

Initial prompt

Test non public 2

User prompt

Use Tween plugin to animate logo entrance ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'TypeError: LK.import is not a function' in or related to this line: 'var tween = LK.import("@upit/tween.v1");' Line Number: 9

User prompt

add the logo in the game but out of the screen

User prompt

Please fix the bug: 'TypeError: LK.import is not a function' in or related to this line: 'var tween = LK.import("@upit/tween.v1");' Line Number: 9

User prompt

Use Tween plugin to animate logo entrance ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'TypeError: LK.import is not a function' in or related to this line: 'var tween = LK.import("@upit/tween.v1");' Line Number: 9

User prompt

Please fix the bug: 'ReferenceError: tween is not defined' in or related to this line: 'tween(logo, {' Line Number: 37 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'TypeError: tween is undefined' in or related to this line: 'tween(logo, {' Line Number: 37 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'tween is undefined' in or related to this line: 'tween(logo, {' Line Number: 38 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'tween is undefined' in or related to this line: 'tween(logo, {' Line Number: 39 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

try bounce

User prompt

try Elastic

User prompt

try Back easing

User prompt

use Elastic, and replay the anim when screen us tapped

Code edit (3 edits merged)

Please save this source code

User prompt

instead of tween.bounceInOut, use a random easing from all available ones

User prompt

When tapping, if logo is out animate the logo with a random "...In" easing and if logo is in, animate it gouing out with a random "...out" easing

User prompt

when logo is out, automatically call it in witha random "...In" easing (no need to tap again)

User prompt

Please fix the bug: 'ReferenceError: easingFunctionsIn is not defined' in or related to this line: 'randomEasing = easingFunctionsIn[Math.floor(Math.random() * easingFunctionsIn.length)];' Line Number: 70

Code edit (2 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

Here is the desired behaviour : Start : logo is out and enters to the center with elasticIn Tap : logo leaves with a rancom ...Out easing the, comes back with a random "...In" easing

Code edit (3 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -28,14 +28,16 @@
 ****/ 
 game.down = function (x, y, obj) {
 	logo.x = -logo.width;
 	logo.y = -logo.height;
+	var easingFunctions = [tween.linear, tween.easeIn, tween.easeOut, tween.elasticIn, tween.elasticOut, tween.bounceIn, tween.bounceOut, tween.easeInOut, tween.bounceInOut, tween.elasticInOut];
+	var randomEasing = easingFunctions[Math.floor(Math.random() * easingFunctions.length)];
 	tween(logo, {
 		x: 1024,
 		y: 1366
 	}, {
 		duration: 2000,
-		easing: tween.bounceInOut
+		easing: randomEasing
 	});
 };
 var logo = game.addChild(new Logo());
 logo.x = -logo.width;

Showing 1 to 25 of 87

1 2 3 4

Images

Main