Upit | Learn about creating the game Beemario vs Beastbee with gen AI

Play

game-community-background

Beemario vs Beastbee

user photo

game-pic

771

7

10d

You can control it with your hands or with buttons if you want. 🚩If you pass through the thorns, the game is over. 🚩If you touch the turtle, you get (-5 and 1 life) points. 🚩If you catch the enemy bees, you get (+2) points. 🚩If you collect money, you get (+1) points. @yusuf_7 #YusufRemixChanllenge

#Bee

#War

#Game

#Gameplay

#Mario

#Run

#Upit

#Bubble shooter

#Car

#Play

#Battle

#Yusuf

#2d

#2d game

#YusufRemixChallenge

#MarioVsMonsters

Creation History

User prompt

Düşmanlar sağ kenarın yarısından gelsinler

User prompt

Düşmanlar orta noktanın sağından gelsinler

User prompt

Düşmanlar x ve y kordinatlarının eksi olduğu yerlerden gelmesin

User prompt

Please fix the bug: 'ReferenceError: screenWidth is not defined' in or related to this line: 'enemy.x = screenWidth / 2 - 25; // Center of the screen (considering enemy width of 50px)' Line Number: 141

User prompt

// Düşmanların başlangıç pozisyonu ve hızı let enemies = []; let enemySpeed = 3; // Düşmanların düşüş hızı // Orta noktada başlamak için, ekranın genişliği ve yüksekliğini alıyoruz let screenWidth = 2048; // Ekranın genişliği (2048 px) let screenHeight = 2732; // Ekranın yüksekliği (2732 px) // Düşman oluşturma fonksiyonu function createEnemy() { let enemy = { x: screenWidth / 2 - 50, // Ekranın ortasında başlasın (50px genişliğinde) y: -50, // Ekranın üst kısmından (y = -50) width: 50, // Düşman genişliği height: 50, // Düşman yüksekliği speedY: enemySpeed // Düşmanın aşağıya doğru hızı }; enemies.push(enemy); } // Düşmanları güncelleme fonksiyonu function updateEnemies() { for (let i = 0; i < enemies.length; i++) { let enemy = enemies[i]; // Düşmanı aşağıya doğru hareket ettir enemy.y += enemy.speedY; // Ekranın alt sınırına ulaşırsa, ekranın üst kısmına geri dönmesini sağlayalım if (enemy.y > screenHeight) { enemy.y = -50; // Ekranın üst kısmına geri git } // Düşmanı ekranda göster let enemyElement = document.createElement('div Koda ekle

User prompt

Biraz fazla

User prompt

Dahada az

User prompt

Daha da az

User prompt

Daha az sağa doğru gitsin

User prompt

Karakterimiz yukarı butonuna tıkladığında çıkabildiği en yüksek notdan sağa doğru 40 bürim hareket etsin

User prompt

// Karakterin başlangıç pozisyonu ve hızları let character = document.getElementById('character'); let x_position = 512; // Başlangıç X pozisyonu let y_position = 1366; // Başlangıç Y pozisyonu let speedX = 5; // Sağa doğru hareketin hızı (X ekseni) let speedY = 0; // Yukarıya doğru hareketin başlangıç hızı (Y ekseni) let gravity = 0.5; // Yer çekimi, zıplama sonrası düşüş hızını kontrol eder let jumpHeight = 0; // Zıplama yüksekliği let isJumping = false; // Zıplama kontrolü // Yukarı butonuna tıklanma işlemi document.getElementById('upButton').addEventListener('click', function() { if (!isJumping) { // Zıplama yapılırken tekrar zıplanmasın isJumping = true; speedY = 20; // Zıplama için hız veriyoruz speedX = 3; // Sağa doğru hareket için hız veriyoruz } }); // Update fonksiyonu, karakterin hareketini günceller function update() { if (isJumping) { // Y pozisyonunu güncelle (Yukarıya hareket et) y_position -= speedY; // X pozisyonunu güncelle (Sağa hareket et) x_position += speedX; // Yer çekimi ile hız azalır ve düşüş başlar speedY -= gravity; // Eğer zıplama tamamlanmışsa, yere çarptıysa if (y_position >= 1366) { y_position = 1366; // Yere çarptı isJumping = false; // Zıplama bitmiş speedY = 0; // Hızı sıfırla speedX = 0; // Yatay hız sıfırlanır } } // Karakterin pozisyonunu güncelle updateCharacterPosition(); } // Karakterin pozisyonunu güncelle function updateCharacterPosition() { character.style.left = x_position + 'px'; character.style.top = y_position + 'px'; } // Update fonksiyonunu belirli aralıklarla çağırmak için setInterval kullanıyoruz setInterval(update, 16); // 60 FPS için her Koda ekle

User prompt

Yukarı tıkladığımızda sağa doğru daha fazla hareket etsin

User prompt

Daha yumuşak hareket etsin sağa doğru

User prompt

Yukarı butonuna tıkladığımızda sağa doğru 20 birim ilerle

User prompt

Rüzgar hızını 4 katına çıkar

User prompt

Rüzgar hızını 4 katına çıkar

User prompt

Rüzgar daha hızlı

User prompt

// Karakterin başlangıç X pozisyonu let x_position = 512; let windSpeed = 0.05; // Rüzgar hızı (sola kayma) // Update fonksiyonu, rüzgar etkisini uygular function update() { x_position -= windSpeed; // Karakteri sola doğru kaydır document.getElementById('character').style.left = x_position + 'px'; // Karakterin X pozisyonunu güncelle } // Update fonksiyonunu her 16ms'de bir çağır setInterval(update, 16); // 60 FPS için Koda ekle

User prompt

// Karakterin başlangıç pozisyonu ve hızları let character = document.getElementById('character'); let x_position = 512; // Başlangıç X pozisyonu let y_position = 1366; // Başlangıç Y pozisyonu let speedX = 5; // Öne doğru hareketin hızı (X ekseni) let speedY = 0; // Yukarı Koda ekle

User prompt

Yer çekimini azalt

User prompt

Please fix the bug: 'Timeout.tick error: gravity is not defined' in or related to this line: 'self.velocityY -= gravity;' Line Number: 60

User prompt

// Karakterin başlangıç pozisyonu ve hızları let character = document.getElementById('character'); let x_position = 512; // Başlangıç X pozisyonu let y_position = 1366; // Başlangıç Y pozisyonu let speedX = 5; // Öne doğru hareketin hızı (X ekseni) let speedY = 0; // Yukarıya doğru hareketin başlangıç hızı (Y ekseni) let gravity = 0.5; // Yer çekimi, zıplama sonrası düşüş hızını kontrol eder let jumpHeight = 0; // Zıplama yüksekliği let isJumping = false; // Zıplama kontrolü // Yukarı butonuna tıklanma işlemi document.getElementById('upButton').addEventListener('click', function() { if (!isJumping) { // Zıplama yapılırken tekrar zıplanmasın isJumping = true; speedY = 20; // Zıplama için hız veriyoruz } }); // Aşağı butonuna tıklanma işlemi document.getElementById('downButton').addEventListener('click', function() { y_position += 20; // Aşağıya hareket ettir if (y_position > 1366) { y_position = 1366; // Ekranın alt sınırında durması için } updateCharacterPosition(); }); // Update fonksiyonu, karakterin hareketini günceller function update() { if (isJumping) { // Y pozisyonunu güncelle (Yukarıya hareket et) y_position -= speedY; // Yer çekimi ile hız azalır ve düşüş başlar speedY -= gravity; // Eğer zıplama tamamlanmışsa, yere çarptıysa if (y_position >= 1366) { y_position = 1366; // Yere çarptı isJumping = false; // Zıplama bitmiş speedY = 0; // Hızı sıfırla } } // Karakteri öne doğru hareket ettir x_position += speedX; // Karakterin X, Y pozisyonunu güncelle updateCharacterPosition(); } // Karakterin pozisyonunu güncelle function updateCharacterPosition() { character.style.left = x_position + 'px'; character.style.top = y_position + 'px'; } // Update fonksiyonunu belirli aralıklarla çağırmak için setInterval kullanıyoruz setInterval(update, 16); // 60 FPS için her 16ms'de bir update yap Koda ekle

User prompt

Fix

User prompt

// Başlangıç hızını ve hız artışını tanımlıyoruz let initialSpeed = 10; // Başlangıç hızı let speedIncrement = 0.5; // Hızın her adımda ne kadar arttığı let speed = initialSpeed; // Başlangıç Y pozisyonu let y_position = 1366; // Sahnenin ortası (Yukarıya doğru hareket ederken Y azaldığı için başta yüksek bir değerde) function update() { // Y pozisyonunu yukarıya doğru hareket ettir y_position -= speed; // Hız her güncellenmede artacak speed += speedIncrement; // Y pozisyonunun sınırları kontrol edilebilir (örneğin ekranın üst sınırına gitmemesi için) if (y_position < 0) { y_position = 0; // Ekranın üst sınırına geldiğinde durabilir } // Yeni pozisyonu ekrana uygulayın (örneğin DOM elemanı veya canvas üzerinde karakteri hareket ettirerek) console.log("Y Position: " + y_position); } // Update fonksiyonunu belirli aralıklarla çağırmak için setInterval kullanabilirsiniz setInterval(update, 16); // Yaklaşık olarak 60 FPS için her 16ms'de bir update yap koda bunu ekle

User prompt

Please fix the bug: 'setInterval is not a function' in or related to this line: 'setInterval(function () {' Line Number: 118

/**** 
* Classes
****/ 
// Define a class for the down button
var DownButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('downButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		if (player.y + 100 <= 2732) {
			player.y += 100;
		}
	};
});
// Define a class for enemies
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemy', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = Math.random() * 2 + 1; // Random speed between 1 and 3
	self.update = function () {
		self.y += self.speed; // Move downwards
		if (self.y > screenHeight) {
			self.y = -50; // Reset to top of the screen
		}
	};
});
//<Assets used in the game will automatically appear here>
// Define a class for the player character
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.jumpHeight = 15;
	self.isJumping = false;
	self.velocityY = 0;
	self.update = function () {
		if (self.isJumping) {
			self.y -= self.velocityY;
			self.velocityY -= gravity;
			if (self.velocityY <= 0 && self.y < 1366) {
				self.x += 7; // Move right by 7 units at peak
			}
			if (self.y >= 1366) {
				self.y = 1366;
				self.isJumping = false;
				self.velocityY = 0;
			}
		}
		self.x += self.speedX;
		if (self.isJumping) {
			self.y -= self.velocityY;
			self.velocityY -= gravity;
			if (self.y >= 1366) {
				self.y = 1366;
				self.isJumping = false;
				self.velocityY = 0;
			}
		}
	};
	self.jump = function () {
		if (!self.isJumping) {
			self.isJumping = true;
			self.velocityY = 20; // Set initial jump velocity
			self.speedX = 0; // Reset horizontal speed
		}
	};
});
// Define a class for the up button
var UpButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('upButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		player.jump();
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87CEEB // Sky blue background
});

/**** 
* Game Code
****/ 
// Define gravity in the global scope
var gravity = 0.25;
// Sine wave parameters
var A = 100; // Amplitude
var omega = 0.05; // Frequency
var C = 1366; // Initial Y position
var t = 0; // Time
// Initialize player at the center of the screen
var player = game.addChild(new Player());
player.x = 1024;
player.y = 1366;
player.speedX = 0; // Prevent movement on spawn
player.speedY = 0; // Prevent movement on spawn
player.isJumping = false;
player.velocityY = 0;
var windSpeed = 1.6; // Wind speed (leftward movement)
// Initialize up button
var upButton = game.addChild(new UpButton());
upButton.x = 2048 / 2 - 500; // Middle point's x coordinate minus button width
upButton.y = 2732 / 2 + 600; // Middle point's y coordinate plus button height plus additional 100 pixels
// Initialize down button
var downButton = game.addChild(new DownButton());
downButton.x = 2048 - 500 - 50; // Right edge minus button width and margin
downButton.y = 2732 - 500 - 50; // Bottom edge minus button height and margin
// Initialize enemies
var enemies = [];
var enemySpawnInterval = 200;
var enemySpawnCounter = 0;
// Enemy creation function
function createEnemy() {
	var enemy = new Enemy();
	enemy.x = screenWidth / 2 - 25; // Center of the screen (considering enemy width of 50px)
	enemy.y = -50; // Start above the screen
	enemies.push(enemy);
	game.addChild(enemy);
}
// Set interval for updating player movement
LK.setInterval(function () {
	player.update();
}, 16);
// Handle game updates
game.update = function () {
	player.update();
	player.x -= windSpeed; // Apply wind effect to move player left
	// Spawn enemies
	enemySpawnCounter++;
	if (enemySpawnCounter >= enemySpawnInterval) {
		createEnemy();
		enemySpawnCounter = 0;
	}
	// Update enemies
	for (var j = enemies.length - 1; j >= 0; j--) {
		enemies[j].update();
		if (player.intersects(enemies[j])) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
		}
	}
};
// Handle player jump
game.down = function (x, y, obj) {
	player.jump();
};

===================================================================
--- original.js
+++ change.js
@@ -22,12 +22,11 @@
 		anchorY: 0.5
 	});
 	self.speed = Math.random() * 2 + 1; // Random speed between 1 and 3
 	self.update = function () {
-		self.x -= self.speed;
-		self.y += Math.sin(self.x / 100) * 10; // Sine wave pattern
-		if (self.x < -50) {
-			self.destroy();
+		self.y += self.speed; // Move downwards
+		if (self.y > screenHeight) {
+			self.y = -50; // Reset to top of the screen
 		}
 	};
 });
 //<Assets used in the game will automatically appear here>
@@ -123,8 +122,16 @@
 // Initialize enemies
 var enemies = [];
 var enemySpawnInterval = 200;
 var enemySpawnCounter = 0;
+// Enemy creation function
+function createEnemy() {
+	var enemy = new Enemy();
+	enemy.x = screenWidth / 2 - 25; // Center of the screen (considering enemy width of 50px)
+	enemy.y = -50; // Start above the screen
+	enemies.push(enemy);
+	game.addChild(enemy);
+}
 // Set interval for updating player movement
 LK.setInterval(function () {
 	player.update();
 }, 16);
@@ -134,13 +141,9 @@
 	player.x -= windSpeed; // Apply wind effect to move player left
 	// Spawn enemies
 	enemySpawnCounter++;
 	if (enemySpawnCounter >= enemySpawnInterval) {
-		var enemy = new Enemy();
-		enemy.x = 2048;
-		enemy.y = Math.random() * 2732; // Random y position between 0 and 2732
-		enemies.push(enemy);
-		game.addChild(enemy);
+		createEnemy();
 		enemySpawnCounter = 0;
 	}
 	// Update enemies
 	for (var j = enemies.length - 1; j >= 0; j--) {

Showing 676 to 700 of 1026

1 ...26 27 28 29 30 ...42

Images

Sounds & Music

gameMusic

Music

End

Sound effect

Up

Music

Kick

Sound effect

Kok

Sound effect

Fly

Sound effect

Muss

Music

Moneyses

Sound effect

Damage

Sound effect

Used plugins

@upit/tween@upit/storage

Main