nighttime festival in Aomori's game

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

No:3429

3654

←

Prev Next

→

nighttime festival in Aomori
Developer User3702｜Date and time 23/6/25 3:04:09
Build time 39.259 sec｜Game capacity 3.244KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ねぶた祭り</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}

canvas {
			position: absolute;
			top: 0;
			left: 0;
			background-color: black;
		}

#scoreboard {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 24px;
			color: white;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<div id="scoreboard">Score: 0</div>
	
	<script>
		let canvas = document.getElementById('canvas');
		let ctx = canvas.getContext('2d');
		
		let score = 0;
		let speed = 5;
		let playerX = canvas.width / 2 - 50;
		let playerY = canvas.height - 100;
		let playerWidth = 100;
		let playerHeight = 100;
		let playerImage = new Image();
		playerImage.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/man_1f468.png";
		let leftPressed = false;
		let rightPressed = false;
		let enemySpeed = 2;
		let enemies = [];
		let enemyImage = new Image();
		enemyImage.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/japanese-ogre_1f479.png";

document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = true;
			} else if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = true;
			}
		}

function keyUpHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = false;
			} else if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = false;
			}
		}

function drawScore() {
			document.getElementById("scoreboard").innerHTML = "Score: " + score;
		}

function drawPlayer() {
			ctx.drawImage(playerImage, playerX, playerY, playerWidth, playerHeight);
		}

function drawEnemy() {
			for (let i = 0; i < enemies.length; i++) {
				ctx.drawImage(enemyImage, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
			}
		}

function addEnemy() {
			let enemyX = Math.random() * (canvas.width - 50);
			let enemyY = -50;
			let enemyWidth = 50;
			let enemyHeight = 50;
			enemies.push({x: enemyX, y: enemyY, width: enemyWidth, height: enemyHeight});
		}

let interval = setInterval(function() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawScore();
			drawPlayer();
			drawEnemy();
			movePlayer();
			moveEnemies();
			addEnemy();
		}, 10);
	</script>
</body>
</html>