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

// Dikenleri tutacak dizi let spikes = []; // Diken oluşturma fonksiyonu function createSpikes() { let spikeHeight = 100; // Her bir dikenin yüksekliği let spikeWidth = 30; // Dikenin genişliği let gap = 50; // Dikenler arasındaki boşluk // Sahnenin sol kenarındaki sabit dikenleri oluştur for (let i = 0; i < 5; i++) { // 5 adet diken oluşturulacak let spike = document.createElement('div'); spike.classList.add('spike'); // spike sınıfını ekle // Diken başlangıç konumu (sol kenara sabit) let startX = -spikeWidth; // Sol kenar let startY = gap * i + 50; // Dikenler arasındaki boşlukla sıralanır spike.style.left = `${startX}px`; spike.style.top = `${startY}px`; // Dikenleri sahneye ekle document.getElementById('gameScene').appendChild(spike); // Diken objesini diziye ekle spikes.push(spike); } } // Yeni dikenler oluşturuluyor (Sadece bir kez çalıştır) createSpikes(); Kodu ekle

User prompt

Ve daha büyük

User prompt

Skorbord rengi siyah olsun

User prompt

// Bulutları tutacak dizi let clouds = []; // Bulut oluşturma fonksiyonu function createCloud() { // Yeni bir bulut div'i oluştur let cloud = document.createElement('div'); cloud.classList.add('cloud'); // Bulut sınıfını ekle // Bulut başlangıç konumu (sağ taraftan) let startX = window.innerWidth + 100; // Bulut sağdan başlayacak let startY = Math.random() * 200; // Bulut yüksekliği rastgele (üst kısımda) cloud.style.left = `${startX}px`; cloud.style.top = `${startY}px`; // Bulutu sahneye ekle document.getElementById('gameScene').appendChild(cloud); // Bulut hareketini başlat moveCloud(cloud); // Bulut objesini diziye ekle clouds.push(cloud); } // Bulutu sola doğru hareket ettir function moveCloud(cloud) { let speed = 1; // Bulutların hareket hızı let interval = setInterval(() => { let currentLeft = parseInt(cloud.style.left); // Bulut sola doğru hareket eder cloud.style.left = `${currentLeft - speed}px`; // Eğer bulut ekranın sol kenarına ulaşırsa, bulutu kaldır if (currentLeft < -100) { // Bulut tam ekranın dışına çıktığında clearInterval(interval); // Hareketi durdur cloud.remove(); // Bulutu sil } }, 16); // 60 FPS için her 16ms'de bir update yap } // Yeni bulutlar oluşturuluyor setInterval(createCloud, 3000); // Her 3 saniyede bir yeni bulut eklenir Koda ekle

User prompt

// Düşmanları tutacak dizi let enemies = []; // Düşman oluşturma fonksiyonu function createEnemy() { // Yeni bir düşman div'i oluştur let enemy = document.createElement('div'); enemy.classList.add('enemy'); // enemy sınıfını ekle // Düşman başlangıç konumu (sağ taraftan) let startX = window.innerWidth + 50; // Sağdan başlayacak let startY = Math.random() * (window.innerHeight - 50); // Yükseklik rastgele seçilecek (Sahnenin üst yarısı) enemy.style.left = `${startX}px`; enemy.style.top = `${startY}px`; // Düşmanı sahneye ekle document.getElementById('gameScene').appendChild(enemy); // Düşman hareketini başlat moveEnemy(enemy); // Düşman objesini diziye ekle enemies.push(enemy); } // Düşmanı sola doğru hareket ettir function moveEnemy(enemy) { let speed = 2; // Düşmanın hızı let interval = setInterval(() => { let currentLeft = parseInt(enemy.style.left); // Düşman sola doğru hareket eder enemy.style.left = `${currentLeft - speed}px`; // Eğer düşman ekranın sol kenarına ulaşırsa, düşmanı kaldır if (currentLeft < -50) { // Düşman tam ekranın dışına çıktığında clearInterval(interval); // Hareketi durdur enemy.remove(); // Düşmanı sil } }, 16); // 60 FPS için her 16ms'de bir update yap } // Yeni düşmanlar oluşturuluyor setInterval(createEnemy, 2000); // Her 2 saniyede bir yeni düşman eklenir Koda ekle

User prompt

Düşmanlar butonların olduğu noktadan gelemez

User prompt

Yeşil ışık her puan 20 ve 20 nin katı olduğunda yansın

User prompt

Skorbord hazırla

User prompt

Scoreboard Example

User prompt

Karakterimiz her düşmana değdiğinde puanı 1 artar

User prompt

Please fix the bug: 'TypeError: LK.effects.flashEdges is not a function' in or related to this line: 'LK.effects.flashEdges(0x00FF00, 500); // Flash green on edges for 0.5 seconds' Line Number: 197

User prompt

Yeşil ışık sadece sahnenin kenarlarında yanar

User prompt

Daha az parlar

User prompt

Karakterimiz düşmana değince sahnenin kenarlarında parlak olmayan yeşil renk yanar

User prompt

Karakterimiz düşmana değince sahne de hafif yeşil renk yanar

User prompt

Karakterimiz düşmana değerse düşman sahneden silinir ve oyun devam eder

User prompt

Yukarı butonuna tıkladığında 40 birim sağa yavaşça karakterimiz ilerlesin

User prompt

Aşağı butonu karakterimizi yukarı yönde hareket ettiremez

User prompt

// Karakterin başlangıç pozisyonu ve hızı let character = document.getElementById('character'); let x_position = 512; // Başlangıç X pozisyonu let y_position = 1366; // Başlangıç Y pozisyonu let speedY = 0; // Hareketin başlangıç hızı (Y ekseni) let gravity = 0.5; // Yer çekimi (düşüşü simüle eder) // Yukarı ve Aşağı butonlarının basılı olup olmadığını kontrol etmek için değişkenler let isPressingUp = false; let isPressingDown = false; // Yukarı butonuna basıldığında yukarı hareket başlar document.getElementById('upButton').addEventListener('mousedown', function() { isPressingUp = true; // Yukarı butonuna basıldığında speedY = -10; // Yukarı doğru hareket hızını belirliyoruz }); // Yukarı butonunun basılması durdurulduğunda yukarı hareket durur document.getElementById('upButton').addEventListener('mouseup', function() { isPressingUp = false; // Yukarı butonuna basılmadığında // Eğer aşağı butonuna basılmıyorsa, yer çekimi etkisini başlatıyoruz if (!isPressingDown) { speedY += gravity; // Yer çekimi etkisi } }); // Aşağı butonuna basıldığında aşağı hareket başlar document.getElementById('downButton').addEventListener('mousedown', function() { isPressingDown = true; // Aşağı butonuna basıldığında speedY = 10; // Aşağıya doğru hareket hızını belirliyoruz }); // Aşağı butonunun basılması durdurulduğunda aşağı hareket durur document.getElementById('downButton').addEventListener('mouseup', function() { isPressingDown = false; // Aşağı butonuna basılmadığında // Eğer yukarı butonuna basılmıyorsa, yer çekimi etkisini başlatıyoruz if (!isPressingUp) { speedY += gravity; // Yer çekimi etkisi } }); // Update fonksiyonu, karakterin hareketini sürekli günceller function update() { // Y pozisyonunu güncelle (Yukarıya veya aşağıya hareket et) y_position += speedY; // Eğer zıplama veya yukarı hareket yapılmadıysa, yer çekimi etkisi başlar if (!isPressingUp && !isPressingDown) { speedY += gravity; // Yer çekimi etkisi } // Ekranın alt sınırına ulaşırsa karakteri alt sınırda tut if (y_position > 1366) { y_position = 1366; speedY = 0; // Aşağıya doğru hareket durur } // Ekranın üst sınırına ulaşırsa karakteri üst sınırda tut if (y_position < 0) { y_position = 0; speedY = 0; // Yukarıya doğru hareket durur } // 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 16ms'de bir update yap Koda ekle

User prompt

Please fix the bug: 'ReferenceError: windSpeed is not defined' in or related to this line: 'player.x -= windSpeed; // Apply wind effect to move player left' Line Number: 179

User prompt

// Karakterin başlangıç pozisyonu ve hızı let character = document.getElementById('character'); let x_position = 512; // Başlangıç X pozisyonu let y_position = 1366; // Başlangıç Y pozisyonu let speedY = 0; // Yukarı hareketin başlangıç hızı (Y ekseni) let gravity = 0.5; // Yer çekimi (düşüşü simüle eder) // Yukarı butonunun basılı olup olmadığını kontrol etmek için değişkenler let isPressingUp = false; let isPressingDown = false; // Yukarı butonuna basıldığında yukarı hareket başlar document.getElementById('upButton').addEventListener('mousedown', function() { isPressingUp = true; // Yukarı butonuna basıldığında }); // Yukarı butonunun basılması durdurulduğunda yukarı hareket durur document.getElementById('upButton').addEventListener('mouseup', function() { isPressingUp = false; // Yukarı butonuna basılmadığında }); // Aşağı butonuna basıldığında aşağı hareket başlar document.getElementById('downButton').addEventListener('mousedown', function() { isPressingDown = true; // Aşağı butonuna basıldığında }); // Aşağı butonunun basılması durdurulduğunda aşağı hareket durur document.getElementById('downButton').addEventListener('mouseup', function() { isPressingDown = false; // Aşağı butonuna basılmadığında }); // Update fonksiyonu, karakterin hareketini sürekli günceller function update() { // Eğer yukarı butonuna basılıysa, karakter yukarı doğru hareket eder if (isPressingUp) { speedY = -10; // Yukarıya doğru hareket hızını belirliyoruz } // Eğer aşağı butonuna basılıysa, karakter aşağıya doğru hareket eder if (isPressingDown) { speedY = 10; // Aşağıya doğru hareket hızını belirliyoruz } // Y pozisyonunu güncelle (Yukarıya veya aşağıya hareket et) y_position += speedY; // Yer çekimi etkisi ile yukarı hareket durursa karakter yavaşça aşağı iner if (!isPressingUp && !isPressingDown) { speedY += gravity; // Yer çekimi etkisi } // Ekranın alt sınırına ulaşırsa karakteri alt sınırda tut if (y_position > 1366) { y_position = 1366; speedY = 0; // Aşağıya doğru hareket durur } // Ekranın üst sınırına ulaşırsa karakteri üst sınırda tut if (y_position < 0) { y_position = 0; speedY = 0; // Yukarıya doğru hareket durur } // 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 16ms'de bir update yapkoda ekle

User prompt

Karakterimiz sahnenin dışına çıkmadığı sürece yukarıya doğru hamle yapabilir

User prompt

Biraz daha aşağısı

User prompt

Düşmanlar sahnenin sağ kenarının üst tarafından gelsinler

User prompt

Yer çekimini arttır

/**** 
* 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.x -= self.speed;
		self.y += Math.sin(self.x / 100) * 10; // Sine wave pattern
		if (self.x < -50) {
			self.destroy();
		}
	};
});
//<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.y > 0) {
			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.5;
var windSpeed = 2; // Define wind speed for horizontal movement
// 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;
// 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;
// Variables to track button presses
var isPressingUp = false;
var isPressingDown = false;
// Event listeners for button presses
upButton.down = function () {
	isPressingUp = true;
	player.velocityY = -10; // Set upward velocity
};
upButton.up = function () {
	isPressingUp = false;
	if (!isPressingDown) {
		player.velocityY += gravity; // Apply gravity if not pressing down
	}
};
downButton.down = function () {
	isPressingDown = true;
	player.velocityY = 10; // Set downward velocity
};
downButton.up = function () {
	isPressingDown = false;
	if (!isPressingUp) {
		player.velocityY += gravity; // Apply gravity if not pressing up
	}
};
// Update player movement based on button presses
function updatePlayerMovement() {
	player.y += player.velocityY;
	if (!isPressingUp && !isPressingDown) {
		player.velocityY += gravity; // Apply gravity
	}
	if (player.y > 1366) {
		player.y = 1366;
		player.velocityY = 0; // Stop downward movement
	}
	if (player.y < 0) {
		player.y = 0;
		player.velocityY = 0; // Stop upward movement
	}
}
// Set interval for updating player movement
LK.setInterval(updatePlayerMovement, 16);
// 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) {
		var enemy = new Enemy();
		enemy.x = 2048; // Spawn from the right edge of the screen
		enemy.y = Math.random() * (2732 / 2) + 100; // Random y position slightly lower from the top half of the screen
		enemies.push(enemy);
		game.addChild(enemy);
		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
@@ -124,37 +124,39 @@
 var isPressingDown = false;
 // Event listeners for button presses
 upButton.down = function () {
 	isPressingUp = true;
+	player.velocityY = -10; // Set upward velocity
 };
 upButton.up = function () {
 	isPressingUp = false;
+	if (!isPressingDown) {
+		player.velocityY += gravity; // Apply gravity if not pressing down
+	}
 };
 downButton.down = function () {
 	isPressingDown = true;
+	player.velocityY = 10; // Set downward velocity
 };
 downButton.up = function () {
 	isPressingDown = false;
+	if (!isPressingUp) {
+		player.velocityY += gravity; // Apply gravity if not pressing up
+	}
 };
 // Update player movement based on button presses
 function updatePlayerMovement() {
-	if (isPressingUp) {
-		player.velocityY = -10;
-	}
-	if (isPressingDown) {
-		player.velocityY = 10;
-	}
 	player.y += player.velocityY;
 	if (!isPressingUp && !isPressingDown) {
-		player.velocityY += gravity;
+		player.velocityY += gravity; // Apply gravity
 	}
 	if (player.y > 1366) {
 		player.y = 1366;
-		player.velocityY = 0;
+		player.velocityY = 0; // Stop downward movement
 	}
 	if (player.y < 0) {
 		player.y = 0;
-		player.velocityY = 0;
+		player.velocityY = 0; // Stop upward movement
 	}
 }
 // Set interval for updating player movement
 LK.setInterval(updatePlayerMovement, 16);

Showing 651 to 675 of 1026

1 ...25 26 27 28 29 ...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