Super Mario Bros Wonder's game

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

No:17134

155

←

Prev Next

→

Super Mario Bros Wonder
Developer User7570｜Date and time 23/9/22 9:12:47
Build time 34.549 sec｜Game capacity 3.613KB｜

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 Bros Wonder</title>
	<style>
		body {
			padding: 0;
			margin: 0;
			overflow: hidden;
			background-color: #000000;
		}
		canvas {
			display: block;
		}
	</style>
</head>
<body>
	<script>
		// Game Variables
		var canvas, ctx;
		var screenWidth, screenHeight;
		var player;
		var gravity = 0.3;
		var jumpForce = 6.5;
		var groundHeight = 40;
		var obstacles = [];
		var gameSpeed = 2;
		var score = 0;
		var isGameOver = false;

// Pictogram Images
		var playerImg = new Image();
		playerImg.src = "mario.png";

var obstacleImg = new Image();
		obstacleImg.src = "obstacle.png";

// Game Initialization
		function init() {
			canvas = document.createElement("canvas");
			ctx = canvas.getContext("2d");
			document.body.appendChild(canvas);

screenWidth = window.innerWidth;
			screenHeight = window.innerHeight;

canvas.width = screenWidth;
			canvas.height = screenHeight;

player = {
				x: 80,
				y: screenHeight / 2,
				width: 50,
				height: 50,
				velY: 0,
				isJumping: false,
				jumpCount: 0
			};

obstacles.push({
				x: screenWidth,
				y: screenHeight - groundHeight,
				width: 40,
				height: 40
			});

document.addEventListener("keydown", jump);
			document.addEventListener("touchstart", jump);
			
			gameLoop();
		}

// Game Loop
		function gameLoop() {
			update();
			render();
			if (!isGameOver)
				requestAnimationFrame(gameLoop);
		}

// Update Game State
		function update() {
			player.velY += gravity;
			player.y += player.velY;

// Prevent player from falling below ground
			if (player.y > screenHeight - groundHeight - player.height) {
				player.y = screenHeight - groundHeight - player.height;
				player.velY = 0;
				player.jumpCount = 0;
				player.isJumping = false;
			}

// Check collision with obstacles
			for (var i = 0; i < obstacles.length; i++) {
				var obs = obstacles[i];

if (
					player.x < obs.x + obs.width &&
					player.x + player.width > obs.x &&
					player.y < obs.y + obs.height &&
					player.y + player.height > obs.y
				) {
					gameOver();
				}

if (obs.x + obs.width < 0) {
					obstacles.splice(i, 1);
					score++;
				}

obs.x -= gameSpeed;
			}

// Add new obstacles
			if (obstacles[obstacles.length - 1].x < screenWidth - 300) {
				var gap = Math.random() * 100 + 150;
				obstacles.push({
					x: screenWidth,
					y: screenHeight - groundHeight,
					width: 40,
					height: 40
				});
				obstacles.push({
					x: screenWidth,
					y: 0,
					width: 40,
					height: screenHeight - groundHeight - gap
				});
			}
		}

// Render Game Objects
		function render() {
			ctx.clearRect(0, 0, screenWidth, screenHeight);

// Ground
			ctx.fillStyle = "#995522";
			ctx.fillRect(0, screenHeight - groundHeight, screenWidth, groundHeight);

// Player
			ctx.drawImage(playerImg, player.x, player.y, player.width, player.height);

// Obstacles
			ctx.drawImage(obstacleImg, obstacles[0].x, obstacles[0].y, obstacles[0].width, obstacles[0].height);
			ctx.drawImage(obstacleImg, obstacles[1].x, obstacles[1].y, obstacles[1].width, obstacles[1].height);

// Score
			ctx.fillStyle = "#FFFFFF";
			ctx.font = "24px Arial";
			ctx.fillText("Score: " + score, 20, 40);
		}

// Game Over
		function gameOver() {
			isGameOver = true;
			alert("Game Over! Your score: " + score);
		}

// Player Jump
		function jump() {
			if (!player.isJumping && player.jumpCount < 2) {
				player.velY = -jumpForce;
				player.isJumping = true;
				player.jumpCount++;
			}
		}

// Game Start
		init();

</script>
</body>
</html>
-->