どうぶつスクールスクールシミュレーターのアップデート

開発者ひさしを無理矢理強制的にアップデートしよう！

【ゲーム概要】プレイヤーの🐱が、アプリをアップデートしない開発者👨‍💻を見つけ出し、強制的にアップデートをさせるゲームです。プレイヤーを矢印キーで操作し、開発者が表示されたらタップしてアップデートしてください。ただし、開発者がプレイヤーに接触するとゲームオーバーです。何度でも挑戦して、開発者をアップデートしましょう！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>どうぶつスクールスクールシミュレーターのアップデート</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<h1>どうぶつスクールスクールシミュレーターのアップデート</h1>
	<canvas id="game"></canvas>
	<p>開発者ひさしを無理矢理強制的にアップデートしよう！</p>

// ゲームの要素（プレイヤー、敵、アイテムなど）を作成
		const player = {
			x: game.canvas.width/2,
			y: game.canvas.height/2,
			speed: 5,
			size: 50,
			color: '😺'
		};
		const developer = {
			x: Math.random()*game.canvas.width,
			y: Math.random()*game.canvas.height,
			speed: 3,
			size: 60,
			color: '👨‍💻'
		};

let isGameOver = false;

// ゲームの描画
		function draw() {
			const ctx = game.canvas.getContext('2d');
			ctx.clearRect(0, 0, game.canvas.width, game.canvas.height);
			ctx.font = '48px serif';
			ctx.fillStyle = 'black';
			ctx.fillText(player.color, player.x, player.y);
			ctx.fillText(developer.color, developer.x, developer.y);
		}

// キーイベント
		function handleKeydown(event) {
			if (event.key === 'ArrowLeft') {
				player.x -= player.speed;
			} else if (event.key === 'ArrowRight') {
				player.x += player.speed;
			} else if (event.key === 'ArrowUp') {
				player.y -= player.speed;
			} else if (event.key === 'ArrowDown') {
				player.y += player.speed;
			}
			if (player.x < 0) {
				player.x = 0;
			} else if (player.x > game.canvas.width-player.size) {
				player.x = game.canvas.width-player.size;
			}
			if (player.y < 0) {
				player.y = 0;
			} else if (player.y > game.canvas.height-player.size) {
				player.y = game.canvas.height-player.size;
			}
			if ((player.x > developer.x-player.size && player.x < developer.x+developer.size) 
				&& (player.y > developer.y-player.size && player.y < developer.y+developer.size)) {
				isGameOver = true;
			}
		}

// ゲームの動作
		function gameLoop() {
			if (!isGameOver) {
				draw();
				if ((developer.x > game.canvas.width-developer.size && developer.speed > 0) || 
					(developer.x < 0 && developer.speed < 0)) {
					developer.speed = -developer.speed;
				}
				if ((developer.y > game.canvas.height-developer.size && developer.speed > 0) || 
					(developer.y < 0 && developer.speed < 0)) {
					developer.speed = -developer.speed;
				}
				developer.x += developer.speed;
				developer.y += developer.speed;
			} else {
				game.canvas.removeEventListener('keydown', handleKeydown);
			}
		}

// ゲームの初期化と実行
		game.init();
		setInterval(gameLoop, 30);
		game.canvas.addEventListener('keydown', handleKeydown);
		game.canvas.setAttribute('tabindex', 0);  // キーイベントを受け取るためには、キーボードフォーカスが必要
		game.canvas.focus();
	</script>
</body>
</html>

【ゲーム概要】
プレイヤーの🐱が、アプリをアップデートしない開発者👨‍💻を見つけ出し、強制的にアップデートをさせるゲームです。プレイヤーを矢印キーで操作し、開発者が表示されたらタップしてアップデートしてください。ただし、開発者がプレイヤーに接触するとゲームオーバーです。何度でも挑戦して、開発者をアップデートしましょう！