Upit | Learn about creating the game Coot Run with gen AI

Play

Coot Run

blackwidowink

CootRun958

441

5mo

Playit

Race as a swift American coot! Navigate obstacles in this endless runner. Collect coins and grab special power ups. How far can you go?

#endlessrunner

#arcade

#racing

#quickfun

#obstacles

Creation History

User prompt

Move foreground layer up by 10%

User prompt

Make Coot wobble back and forth like it’s running

User prompt

Didn’t work. Please fix

User prompt

Coot should return to original position at end of jump.

User prompt

Move water and trees down 30%

User prompt

Tree and water layer should not change Y position on touch. Jump does not affect those layers.

User prompt

At the end of jump coot should return to current y position

User prompt

Only Coot should move on touch. Update jump for current position

User prompt

Add water layer below tree Y layer

User prompt

Refresh midgroundtree layer sooner

User prompt

Move coot layer above midgroundtrees

User prompt

Move treees below coot layer

User prompt

Move trees to Coot Y axis

User prompt

Move trees down 30%

User prompt

Put trees center of screen

User prompt

I said up, not down

User prompt

Move trees up 20%

User prompt

Move mid ground trees up 30%

User prompt

Put midgroundtrees on the same X axis as Coot

User prompt

Bring midgroundtrees layer above background

User prompt

Add midgroundtrees later behind Coot

User prompt

Set foreground on bottom of screen. Repeat it and move for endless runner

User prompt

Move it down 5%

User prompt

It didn’t move

User prompt

Move Coot down 30%

/**** 
* Classes
****/ 
// Assets will be automatically created and loaded by the LK engine based on their usage in the code.
// Example assets: 'coot', 'obstacle', 'background'
// Class for the main character, the American coot
var Coot = Container.expand(function () {
	var self = Container.call(this);
	var cootGraphics = self.attachAsset('coot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.jumpHeight = 150;
	self.isJumping = false;
	self.update = function () {
		if (self.isJumping) {
			self.y -= self.speed;
			if (self.y <= 2732 / 2 - self.jumpHeight) {
				self.isJumping = false;
			}
		} else if (self.y < 2732 / 2) {
			self.y += self.speed * 1.3;
		}
	};
	self.jump = function () {
		if (!self.isJumping && self.y >= 2732 / 2) {
			self.isJumping = true;
		}
	};
});
// Class for the foreground
var Foreground = Container.expand(function () {
	var self = Container.call(this);
	var foregroundGraphics = self.attachAsset('Foreground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.update = function () {
		self.x -= self.speed;
		if (self.x <= -self.width) {
			self.x += self.width * 2;
		}
	};
});
// Class for the midgroundtrees
var Midgroundtrees = Container.expand(function () {
	var self = Container.call(this);
	var midgroundtreesGraphics = self.attachAsset('Midgroundtrees', {
		anchorX: 0.5,
		anchorY: 0.7
	});
	self.speed = 3;
	self.update = function () {
		self.x -= self.speed;
		if (self.x <= -self.width) {
			self.x += self.width * 2;
		}
	};
});

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

/**** 
* Game Code
****/ 
var background = game.addChild(LK.getAsset('Background', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	scaleX: 2048 / 2500,
	scaleY: 2732 / 2500
}));
// Initialize game variables
var coot = game.addChild(new Coot());
coot.x = 2048 / 4;
coot.y = 2732 * 0.75;
var score = 0;
// Initialize the midgroundtrees
var midgroundtrees1 = game.addChild(new Midgroundtrees());
midgroundtrees1.x = 2048 / 2;
midgroundtrees1.y = 2732;
var midgroundtrees2 = game.addChild(new Midgroundtrees());
midgroundtrees2.x = 2048 / 2 + midgroundtrees2.width;
midgroundtrees2.y = 2732;
// Bring midgroundtrees layer above background
game.setChildIndex(midgroundtrees1, game.children.length - 1);
game.setChildIndex(midgroundtrees2, game.children.length - 1);
// Initialize the foreground
var foreground1 = game.addChild(new Foreground());
foreground1.x = 2048 / 2;
foreground1.y = 2732;
var foreground2 = game.addChild(new Foreground());
foreground2.x = 2048 / 2 + foreground2.width;
foreground2.y = 2732;
var scoreTxt = new Text2('0', {
	size: 100,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Handle game updates
game.update = function () {
	coot.update();
	if (LK.ticks % 60 == 0) {
		score++;
		scoreTxt.setText(score);
	}
	// Update the midgroundtrees
	midgroundtrees1.update();
	midgroundtrees2.update();
	// Update the foreground
	foreground1.update();
	foreground2.update();
};
// Handle touch events for jumping
game.down = function (x, y, obj) {
	coot.jump();
};

===================================================================
--- original.js
+++ change.js
@@ -48,9 +48,9 @@
 var Midgroundtrees = Container.expand(function () {
 	var self = Container.call(this);
 	var midgroundtreesGraphics = self.attachAsset('Midgroundtrees', {
 		anchorX: 0.5,
-		anchorY: 0.5
+		anchorY: 0.7
 	});
 	self.speed = 3;
 	self.update = function () {
 		self.x -= self.speed;
@@ -84,12 +84,12 @@
 coot.y = 2732 * 0.75;
 var score = 0;
 // Initialize the midgroundtrees
 var midgroundtrees1 = game.addChild(new Midgroundtrees());
-midgroundtrees1.x = coot.x;
+midgroundtrees1.x = 2048 / 2;
 midgroundtrees1.y = 2732;
 var midgroundtrees2 = game.addChild(new Midgroundtrees());
-midgroundtrees2.x = coot.x + midgroundtrees2.width;
+midgroundtrees2.x = 2048 / 2 + midgroundtrees2.width;
 midgroundtrees2.y = 2732;
 // Bring midgroundtrees layer above background
 game.setChildIndex(midgroundtrees1, game.children.length - 1);
 game.setChildIndex(midgroundtrees2, game.children.length - 1);