Wizardly Deathly Hallows Part 2's game

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

No:3225

2223

←

Prev Next

→

Wizardly Deathly Hallows Part 2
Developer AI絵師｜Date and time 23/6/24 6:44:05
Build time 38.403 sec｜Game capacity 3.527KB｜

Script

このアプリは、Wizardly 死の秘宝 PART2というゲームです。プレイヤー(黄色い四角形)はタッチ操作で移動し、エネミー(赤い四角形)を避けながら画面を移動します。エネミーがプレイヤーに近づくと、ランダムに移動します。プレイヤーがエネミーに近づきすぎるとゲームオーバーです。スマホでプレイすることが前提となっています。楽しんでプレイしてください！😊

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Wizardly 死の秘宝 PART2</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #000;
			color: #fff;
		}
		canvas {
			display: block;
			margin: 0 auto;
			background-color: #fff;
		}
		button {
			display: block;
			margin: 10px auto;
			padding: 10px;
			background-color: #000;
			color: #fff;
			border: none;
			font-size: 24px;
			font-weight: bold;
			border-radius: 10px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<button id="startButton">冒険を始める</button>
	<script>
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		const width = canvas.width = window.innerWidth;
		const height = canvas.height = window.innerHeight;
		
		let playerX = 100;
		let playerY = 100;
		let playerSpeedX = 0;
		let playerSpeedY = 0;
		const playerSize = 50;

let enemyX = 500;
		let enemyY = 500;
		const enemySize = 50;

let isPlaying = false;

function draw() {
			// 背景の描画
			ctx.fillStyle = '#000';
			ctx.fillRect(0, 0, width, height);

// プレイヤーの描画
			ctx.fillStyle = '#ff0';
			ctx.fillRect(playerX, playerY, playerSize, playerSize);

// エネミーの描画
			ctx.fillStyle = '#f00';
			ctx.fillRect(enemyX, enemyY, enemySize, enemySize);
		}

function update() {
			// プレイヤーの移動
			playerX += playerSpeedX;
			playerY += playerSpeedY;

// プレイヤーが画面外に出ないように制御
			if (playerX < 0) playerX = 0;
			if (playerX > width - playerSize) playerX = width - playerSize;
			if (playerY < 0) playerY = 0;
			if (playerY > height - playerSize) playerY = height - playerSize;

// エネミーの移動
			if (Math.abs(playerX - enemyX) < 100) {
				if (playerX < enemyX) enemyX -= 5;
				if (playerX > enemyX) enemyX += 5;
			} else {
				if (Math.random() < 0.5) {
					if (playerX < enemyX) enemyX -= 5;
					if (playerX > enemyX) enemyX += 5;
				}
				if (Math.random() < 0.5) {
					if (playerY < enemyY) enemyY -= 5;
					if (playerY > enemyY) enemyY += 5;
				}
			}

// 当たり判定
			if (Math.abs(playerX - enemyX) < playerSize && Math.abs(playerY - enemyY) < playerSize) {
				isPlaying = false;
				alert('GAME OVER');
			}
		}

function loop() {
			if (isPlaying) {
				update();
				draw();
				requestAnimationFrame(loop);
			}
		}

function init() {
			canvas.addEventListener('touchstart', function(e) {
				playerSpeedX = (e.touches[0].pageX - playerX) / 10;
				playerSpeedY = (e.touches[0].pageY - playerY) / 10;
			});
			canvas.addEventListener('touchmove', function(e) {
				playerSpeedX = (e.touches[0].pageX - playerX) / 10;
				playerSpeedY = (e.touches[0].pageY - playerY) / 10;
			});

document.getElementById('startButton').addEventListener('click', function() {
				isPlaying = true;
				loop();
			});
		}

init();
	</script>
</body>
</html>

このアプリは、Wizardly 死の秘宝 PART2というゲームです。
プレイヤー(黄色い四角形)はタッチ操作で移動し、エネミー(赤い四角形)を避けながら画面を移動します。
エネミーがプレイヤーに近づくと、ランダムに移動します。
プレイヤーがエネミーに近づきすぎるとゲームオーバーです。
スマホでプレイすることが前提となっています。
楽しんでプレイしてください！😊