AI game creator

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

No:34566

←

Prev Next

→

Penguin dash
Developer User16286｜Date and time 24/1/11 3:58:37
Build time 8.744 sec｜Game capacity 1.642KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Penguin Dash</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="750" height="400"></canvas>

// Pictograms for the game
		const penguinImage = document.createElement('img');
		penguinImage.src = "penguin.png";

// Penguin object
		const penguin = {
			x: 50,
			y: canvas.height / 2 - 50,
			width: 100,
			height: 100,
			speedY: 0,
			isJumping: false
		};

// Keyboard controls for movement
		const keys = {
			ArrowUp: "up"
		};

// Handle keyboard down event
		document.addEventListener("keydown", function(event) {
			if (keys[event.key]) {
				event.preventDefault();
				handleKeyPress(keys[event.key]);
			}
		});

// Function to handle key press for penguin jump
		function handleKeyPress(key) {
			if (!penguin.isJumping && key === "up") {
				penguin.isJumping = true;
				penguin.speedY -= 20;
			}
		}

// Update game logic
		function update() {
			// Gravity effect
			penguin.speedY += 1;
			penguin.y += penguin.speedY;

// Ground collision detection
			if (penguin.y + penguin.height > canvas.height) {
				penguin.y = canvas.height - penguin.height;
				penguin.speedY = 0;
				penguin.isJumping = false;
			}

// Clear canvas
			context.clearRect(0, 0, canvas.width, canvas.height);

// Draw penguin
			context.drawImage(penguinImage, penguin.x, penguin.y, penguin.width, penguin.height);

requestAnimationFrame(update);
		}

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