Upit | Learn about creating the game Bike Rider with gen AI

Play

Bike Rider

bharath_2102

APAssociates2

2mo

Playit

Pursue This Endless Journey...

#Bike

#Racing

#SciFi

Creation History

User prompt

add the road movement from right to left end of the screen until the game time is stopped

User prompt

make the background movement as a side scroller from right to left

Code edit (4 edits merged)

Please save this source code

User prompt

turn the game movement from right to left

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'x')' in or related to this line: 'background2.x = 0;' Line Number: 60

User prompt

turn the game movement from left to right

User prompt

Please fix the bug: 'TypeError: Cannot read properties of undefined (reading 'ArrowRight')' in or related to this line: 'if (LK.keys['ArrowRight']) {' Line Number: 32

User prompt

make the game movement as a side scroller

Code edit (4 edits merged)

Please save this source code

User prompt

scale the bike asset little bit bigger

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'var bike = road.addChild(new Bike());' Line Number: 41

User prompt

create a side scrolling bike racing game

User prompt

remove all assets and its code

User prompt

convert this game into sidescroller

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'speed')' in or related to this line: 'self.speed = 5;' Line Number: 62

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'speed')' in or related to this line: 'self.speed = 5;' Line Number: 63

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'speed')' in or related to this line: 'self.speed = 5;' Line Number: 62

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'speed')' in or related to this line: 'self.speed = 5;' Line Number: 55

User prompt

add a default right movement to the road in a loop till game time is finished

User prompt

loop the background like in a side scroller game

Code edit (11 edits merged)

Please save this source code

User prompt

create a road rash game with these assets and some background

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'push')' in or related to this line: 'enemyBikes.push(enemyBike);' Line Number: 51

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'push')' in or related to this line: 'enemyBikes.push(enemyBike);' Line Number: 51

/**** 
* Classes
****/ 
var Bike = Container.expand(function () {
	var self = Container.call(this);
	var bikeGraphics = self.attachAsset('bike', {
		anchorX: 3,
		anchorY: 3,
		scaleX: 3,
		scaleY: 3
	});
});
var EnemyBike = Container.expand(function () {
	var self = Container.call(this);
	var enemyBikeGraphics = self.attachAsset('bike', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 3,
		scaleY: 3
	});
	self.speed = 5;
	self.update = function () {
		self.y += self.speed;
		if (self.y > 2732) {
			self.y = -self.height;
		}
	};
});
var Road = Container.expand(function () {
	var self = Container.call(this);
	var roadGraphics = self.attachAsset('road', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1,
		scaleY: 1
	});
});

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

/**** 
* Game Code
****/ 
var enemyBikes = [];
for (var i = 0; i < 5; i++) {
	var enemyBike = game.addChild(new EnemyBike());
	enemyBike.x = Math.random() * (2048 - enemyBike.width);
	enemyBike.y = Math.random() * -2732;
	enemyBikes.push(enemyBike);
}
game.update = function () {
	for (var i = 0; i < enemyBikes.length; i++) {
		if (bike.intersects(enemyBikes[i])) {
			LK.showGameOver();
			break;
		}
	}
};
var road = game.addChild(new Road());
road.x = 2048 / 2;
road.y = 2732 / 2;
var enemyBikes = [];
var bike = game.addChild(new Bike());
bike.x = 2048 / 2;
bike.y = 2732 - bike.height / 2;
;

===================================================================
--- original.js
+++ change.js
@@ -3,10 +3,10 @@
 ****/ 
 var Bike = Container.expand(function () {
 	var self = Container.call(this);
 	var bikeGraphics = self.attachAsset('bike', {
-		anchorX: 0.5,
-		anchorY: 0.5,
+		anchorX: 3,
+		anchorY: 3,
 		scaleX: 3,
 		scaleY: 3
 	});
 });