Upit | Learn about creating the game Idle spinning rock

/**** * Classes ****/ // Create a Player class var Player = Container.expand(function () { var self = Container.call(this); // Attach a shape asset to represent the player var playerGraphics = self.attachAsset('character', { anchorX: 0.5, anchorY: 0.5 }); // Set player speed self.speed = 5; // This is automatically called every game tick, if the player is attached! self.update = function () { self.y += self.speed; // Add gravity to the player if (self.y < ground.y - self.height / 2 + 50) { self.speed += 0.5; } else { self.speed = 0; self.y = ground.y - self.height / 2 + 50; } // Add rotation to the player self.rotation += 0.1; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Create a background asset // Initialize a player asset var background = LK.getAsset('background', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 }); // Add the background to the game game.addChild(background); // Create a clone of the background asset var backgroundClone = LK.getAsset('background', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2 + background.width, y: 2732 / 2 }); // Add the clone to the game game.addChild(backgroundClone); // Create a second clone of the background asset var backgroundClone2 = LK.getAsset('background', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2 + 2 * background.width, y: 2732 / 2 }); // Add the second clone to the game game.addChild(backgroundClone2); // Initialize a ground asset var ground = LK.getAsset('ground', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2, width: background.width, alpha: 0 }); // Add the ground to the game game.addChild(ground); // Create a player instance and add it to the game var player = game.addChild(new Player()); // Position player more towards the center of the screen player.x = 2048 / 4; player.y = 2732 / 2 + 10; game.update = function () { background.x -= 5; backgroundClone.x -= 5; backgroundClone2.x -= 5; if (background.x + background.width < 0) { background.x = backgroundClone2.x + background.width; } if (backgroundClone.x + backgroundClone.width < 0) { backgroundClone.x = background.x + background.width; } if (backgroundClone2.x + backgroundClone2.width < 0) { backgroundClone2.x = backgroundClone.x + backgroundClone.width; } };

===================================================================
--- original.js
+++ change.js
@@ -21,32 +21,9 @@
 			self.speed = 0;
 			self.y = ground.y - self.height / 2 + 50;
 		}
 		// Add rotation to the player
-		if (!self.rotationStopped) {
-			if (self.reverseRotation) {
-				self.rotation -= 0.03; // Reverse rotation
-			} else {
-				self.rotation += 0.03; // Normal rotation
-			}
-			// Stop rotation after 0.2 seconds
-			LK.setTimeout(function () {
-				self.rotationStopped = true;
-				// Start reverse rotation after 0.1 seconds
-				LK.setTimeout(function () {
-					self.rotationStopped = false;
-					self.reverseRotation = !self.reverseRotation; // Toggle reverseRotation
-					// Restart the rotation loop
-					if (!self.rotationStopped) {
-						if (self.reverseRotation) {
-							self.rotation -= 0.03; // Reverse rotation
-						} else {
-							self.rotation += 0.03; // Normal rotation
-						}
-					}
-				}, 100); // Changed delay to 0.1 seconds
-			}, 200);
-		}
+		self.rotation += 0.1;
 	};
 });
 
 /**** 
@@ -58,10 +35,10 @@
 
 /**** 
 * Game Code
 ****/ 
-// Initialize a player asset
 // Create a background asset
+// Initialize a player asset
 var background = LK.getAsset('background', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,

Creation History

Images

Sounds & Music

Used plugins