Upit | Learn about creating the game Jump Orb Runner with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Obstacle = Container.expand(function () { var self = Container.call(this); var obstacleGraphics = self.attachAsset('obstacle', { anchorX: 0.5, anchorY: 1.0 }); self.speed = -8; self.update = function () { self.x += self.speed; }; return self; }); var Orb = Container.expand(function () { var self = Container.call(this); var orbGraphics = self.attachAsset('orb', { anchorX: 0.5, anchorY: 0.5 }); self.velocityY = 0; self.gravity = 0.8; self.jumpPower = -15; self.groundY = 2632 - 100; // Ground level self.isGrounded = false; self.update = function () { // Apply gravity self.velocityY += self.gravity; self.y += self.velocityY; // Ground collision if (self.y >= self.groundY) { self.y = self.groundY; self.velocityY = 0; self.isGrounded = true; } else { self.isGrounded = false; } }; self.jump = function () { if (self.isGrounded || self.y > self.groundY - 20) { self.velocityY = self.jumpPower; self.isGrounded = false; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x111122 }); /**** * Game Code ****/ // Game variables var orb; var obstacles = []; var obstacleSpawnTimer = 0; var obstacleSpawnInterval = 90; // 1.5 seconds at 60fps var scoreTimer = 0; var ground; // Create ground ground = game.addChild(LK.getAsset('ground', { anchorX: 0, anchorY: 1.0, x: 0, y: 2732 })); // Create orb orb = game.addChild(new Orb()); orb.x = 300; orb.y = 2632 - 100; // Start on ground // Create score display var scoreTxt = new Text2('0', { size: 120, fill: 0x00FFFF }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); // Touch/tap controls game.down = function (x, y, obj) { orb.jump(); }; // Main game loop game.update = function () { // Update score every second scoreTimer++; if (scoreTimer >= 60) { LK.setScore(LK.getScore() + 1); scoreTxt.setText(LK.getScore()); scoreTimer = 0; } // Spawn obstacles obstacleSpawnTimer++; if (obstacleSpawnTimer >= obstacleSpawnInterval) { var newObstacle = new Obstacle(); newObstacle.x = 2048 + 30; // Start off screen right newObstacle.y = 2632 - 100; // Ground level obstacles.push(newObstacle); game.addChild(newObstacle); obstacleSpawnTimer = 0; } // Update and check obstacles for (var i = obstacles.length - 1; i >= 0; i--) { var obstacle = obstacles[i]; // Remove off-screen obstacles if (obstacle.x < -100) { obstacle.destroy(); obstacles.splice(i, 1); continue; } // Check collision with orb if (orb.intersects(obstacle)) { // Game over LK.showGameOver(); return; } } };

===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,128 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+var Obstacle = Container.expand(function () {
+	var self = Container.call(this);
+	var obstacleGraphics = self.attachAsset('obstacle', {
+		anchorX: 0.5,
+		anchorY: 1.0
+	});
+	self.speed = -8;
+	self.update = function () {
+		self.x += self.speed;
+	};
+	return self;
+});
+var Orb = Container.expand(function () {
+	var self = Container.call(this);
+	var orbGraphics = self.attachAsset('orb', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.velocityY = 0;
+	self.gravity = 0.8;
+	self.jumpPower = -15;
+	self.groundY = 2632 - 100; // Ground level
+	self.isGrounded = false;
+	self.update = function () {
+		// Apply gravity
+		self.velocityY += self.gravity;
+		self.y += self.velocityY;
+		// Ground collision
+		if (self.y >= self.groundY) {
+			self.y = self.groundY;
+			self.velocityY = 0;
+			self.isGrounded = true;
+		} else {
+			self.isGrounded = false;
+		}
+	};
+	self.jump = function () {
+		if (self.isGrounded || self.y > self.groundY - 20) {
+			self.velocityY = self.jumpPower;
+			self.isGrounded = false;
+		}
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x111122
+});
+
+/**** 
+* Game Code
+****/ 
+// Game variables
+var orb;
+var obstacles = [];
+var obstacleSpawnTimer = 0;
+var obstacleSpawnInterval = 90; // 1.5 seconds at 60fps
+var scoreTimer = 0;
+var ground;
+// Create ground
+ground = game.addChild(LK.getAsset('ground', {
+	anchorX: 0,
+	anchorY: 1.0,
+	x: 0,
+	y: 2732
+}));
+// Create orb
+orb = game.addChild(new Orb());
+orb.x = 300;
+orb.y = 2632 - 100; // Start on ground
+// Create score display
+var scoreTxt = new Text2('0', {
+	size: 120,
+	fill: 0x00FFFF
+});
+scoreTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(scoreTxt);
+// Touch/tap controls
+game.down = function (x, y, obj) {
+	orb.jump();
+};
+// Main game loop
+game.update = function () {
+	// Update score every second
+	scoreTimer++;
+	if (scoreTimer >= 60) {
+		LK.setScore(LK.getScore() + 1);
+		scoreTxt.setText(LK.getScore());
+		scoreTimer = 0;
+	}
+	// Spawn obstacles
+	obstacleSpawnTimer++;
+	if (obstacleSpawnTimer >= obstacleSpawnInterval) {
+		var newObstacle = new Obstacle();
+		newObstacle.x = 2048 + 30; // Start off screen right
+		newObstacle.y = 2632 - 100; // Ground level
+		obstacles.push(newObstacle);
+		game.addChild(newObstacle);
+		obstacleSpawnTimer = 0;
+	}
+	// Update and check obstacles
+	for (var i = obstacles.length - 1; i >= 0; i--) {
+		var obstacle = obstacles[i];
+		// Remove off-screen obstacles
+		if (obstacle.x < -100) {
+			obstacle.destroy();
+			obstacles.splice(i, 1);
+			continue;
+		}
+		// Check collision with orb
+		if (orb.intersects(obstacle)) {
+			// Game over
+			LK.showGameOver();
+			return;
+		}
+	}
+};
\ No newline at end of file

Creation History