AI game creator

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

No:22651

←

Prev Next

→

Super Mario
Developer User10392｜Date and time 23/10/23 20:54:36
Build time 47.213 sec｜Game capacity 2.601KB｜

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 Game</title>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="600"></canvas>
	
	<script>
		// Get the canvas element and its 2d context
		var canvas = document.getElementById("gameCanvas");
		var context = canvas.getContext("2d");

// Pictograms for Mario, Goomba, and Mushroom
		var marioImg = new Image();
		marioImg.src = "mario.png";

var goombaImg = new Image();
		goombaImg.src = "goomba.png";

var mushroomImg = new Image();
		mushroomImg.src = "mushroom.png";

// Initialize game variables
		var marioX = 50;
		var marioY = 450;
		var goombaX = 600;
		var goombaY = 450;
		var mushroomX = 300;
		var mushroomY = 450;

// Keyboard control variables
		var leftPressed = false;
		var rightPressed = false;
		var upPressed = false;
		var downPressed = false;

// Keyboard event listeners
		document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);

// Update Mario's position based on keyboard input
		function moveMario() {
			if (leftPressed) {
				marioX -= 5;
			}
			if (rightPressed) {
				marioX += 5;
			}
			if (upPressed) {
				marioY -= 5;
			}
			if (downPressed) {
				marioY += 5;
			}
		}

// Keyboard key down event handler
		function keyDownHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = true;
			}
			if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = true;
			}
			if (event.key == "Up" || event.key == "ArrowUp") {
				upPressed = true;
			}
			if (event.key == "Down" || event.key == "ArrowDown") {
				downPressed = true;
			}
		}

// Keyboard key up event handler
		function keyUpHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = false;
			}
			if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = false;
			}
			if (event.key == "Up" || event.key == "ArrowUp") {
				upPressed = false;
			}
			if (event.key == "Down" || event.key == "ArrowDown") {
				downPressed = false;
			}
		}

// Game loop
		function draw() {
			// Clear the canvas
			context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario, Goomba, and Mushroom
			context.drawImage(marioImg, marioX, marioY, 50, 50);
			context.drawImage(goombaImg, goombaX, goombaY, 50, 50);
			context.drawImage(mushroomImg, mushroomX, mushroomY, 50, 50);

// Move Mario
			moveMario();

// Request the next frame of animation
			requestAnimationFrame(draw);
		}

// Start the game loop
		draw();

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