Upit | Learn about creating the game Tween toy with gen AI

Play

Tween toy

benjaminsen

TweenToy

313

4mo

Playit

Simple test game demonstrating the tween capabilities.

#empty

#test

#game

#indie

#arcade

#toy

#tween

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

When creating the grid spacing, make sure that you compensate for the width of the elements and also make sure the grid's center position is in the center of the screen.

Code edit (1 edits merged)

Please save this source code

User prompt

If we are using the grid, our random position should be the same for all particles, also it should be every half-time, so not at random.

Code edit (3 edits merged)

Please save this source code

User prompt

Half of the time when we press the screen, the particles should end up in the neat grid. Half of the time they should be at the random position as they are right now.

Code edit (5 edits merged)

Please save this source code

User prompt

When we press the screen and do the tweens on all the particles, use one of the different tween functions at random.

Code edit (3 edits merged)

Please save this source code

User prompt

When originally spawning the particles, make them be at a random position in a circle around the center of the screen between 0 and 500 pixels from the center.

Code edit (7 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: null is not an object (evaluating 'clickMeText.destroy')' in or related to this line: 'clickMeText.destroy();' Line Number: 56

User prompt

Add a black text to the middle of the screen that says click me then make that Tween out of the screen when you click the screen the first time

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

On square down, tween all particles to a new random location

Code edit (1 edits merged)

Please save this source code

User prompt

Add 100 particles to the game

Code edit (4 edits merged)

Please save this source code

User prompt

Add a particle class to the game as well

Code edit (1 edits merged)

Please save this source code

User prompt

Also set Tint in between.

User prompt

Use a Bouncy Tween animation.

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'tween(self, {' Line Number: 16 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

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

/**** 
* Classes
****/ 
var Square = Container.expand(function () {
	var self = Container.call(this);
	var squareGraphics = self.attachAsset('square', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		tween(self, {
			scaleX: Math.random() * 10,
			scaleY: Math.random() * 10
		}, {
			duration: 1000
		});
	};
});

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

/**** 
* Game Code
****/ 
var square = game.addChild(new Square());
square.x = 1024;
square.y = 1366;

===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
 /**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
 * Classes
 ****/ 
 var Square = Container.expand(function () {
 	var self = Container.call(this);
@@ -8,10 +13,10 @@
 		anchorY: 0.5
 	});
 	self.down = function (x, y, obj) {
 		tween(self, {
-			scaleX: 10,
-			scaleY: 10
+			scaleX: Math.random() * 10,
+			scaleY: Math.random() * 10
 		}, {
 			duration: 1000
 		});
 	};

Showing 26 to 50 of 55

1 2 3

Images

White square.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Main