Super Mario but more enemies on mobile's game

Click here for free DL of the app version that can save data.

No:8291

547

←

Prev Next

→

Super Mario but more enemies on mobile
Developer User4165｜Date and time 23/7/14 21:33:45
Build time 27.611 sec｜Game capacity 2.703KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Super Mario: Mobile Edition</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<script>
		// Create the game canvas
		const canvas = document.createElement('canvas');
		const context = canvas.getContext('2d');
		canvas.width = window.innerWidth - 20;
		canvas.height = window.innerHeight - 20;
		document.body.appendChild(canvas);

// Define Mario's properties
		const mario = {
			x: 50,
			y: canvas.height - 100,
			width: 50,
			height: 50,
			speed: 5,
			jump: false,
			jumpCount: 0
		};

// Define the enemy's properties
		const enemy = {
			x: canvas.width - 100,
			y: canvas.height - 100,
			width: 50,
			height: 50,
			speed: 3
		};

// Variables to track game state
		let gameRunning = true;
		let score = 0;

// Event listener for key presses
		document.addEventListener('keydown', function(event) {
			if (event.keyCode === 32) { // Spacebar key
				if (!mario.jump) {
					mario.jump = true;
					mario.jumpCount = 15;
				}
			}
		});

// Function to handle collision detection
		function isColliding(rect1, rect2) {
			if (rect1.x < rect2.x + rect2.width &&
				rect1.x + rect1.width > rect2.x &&
				rect1.y < rect2.y + rect2.height &&
				rect1.y + rect1.height > rect2.y) {
				return true;
			}
			return false;
		}

// Function to update game objects positions
		function update() {
			if (gameRunning) {
				// Update Mario's position
				if (mario.jump) {
					mario.y -= mario.jumpCount;
					mario.jumpCount--;
					if (mario.jumpCount === 0) {
						mario.jump = false;
					}
				}
				if (mario.y < canvas.height - mario.height) {
					mario.y += mario.speed;
				}

// Update enemy's position
				if (enemy.x > -enemy.width) {
					enemy.x -= enemy.speed;
				} else {
					enemy.x = canvas.width - 100;
					enemy.y = canvas.height - 100;
				}

// Check for collision
				if (isColliding(mario, enemy)) {
					gameRunning = false;
					alert('Game Over! Your Score: ' + score);
				}

// Increase score
				score++;
			}

draw(); // Call the draw function
		}

// Function to draw game objects on the canvas
		function draw() {
			context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
			context.fillStyle = 'red';
			context.fillRect(mario.x, mario.y, mario.width, mario.height);

// Draw enemy
			context.fillStyle = 'blue';
			context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Draw score
			context.font = '20px Arial';
			context.fillText('Score: ' + score, 10, 30);

if (gameRunning) {
				requestAnimationFrame(update); // Continue the game loop
			}
		}

update(); // Start the game loop
	</script>
</body>
</html>