A game to punish the developer Hisashi for neglecting the appeasement of DOSUKU.

Score: 0

GAME OVER
Your final score is: 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;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			background-color: #f4f4f4;
			color: #404040;
		}

canvas {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			z-index: -1;
		}

h1 {
			margin-top: 60px;
			text-align: center;
			font-size: 40px;
		}

#start-button {
			display: block;
			margin: 20px auto;
			font-size: 24px;
			padding: 10px 20px;
			background-color: #FFC107;
			color: #404040;
			border-radius: 5px;
			text-align: center;
			cursor: pointer;
		}

#game-over {
			display: none;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			background-color: white;
			border-radius: 10px;
			padding: 20px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
			text-align: center;
			font-size: 24px;
		}

#score {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 24px;
		}

@media (max-width: 768px) {
			h1 {
				font-size: 32px;
			}

#start-button {
				font-size: 20px;
			}

#game-over {
				font-size: 20px;
			}

#score {
				font-size: 20px;
			}
		}
	</style>
</head>
<body>
	<canvas id="game-canvas"></canvas>
	<h1>どうスクのアプデを放置した開発者ひさしをおしおきするゲーム</h1>
	<div id="score">Score: 0</div>
	<button id="start-button">START</button>
	<div id="game-over">GAME OVER<br>Your final score is: <span id="final-score">0</span><br><button id="restart-button">RESTART</button></div>
	<script>
		const canvas = document.getElementById("game-canvas");
		const context = canvas.getContext("2d");

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

const center = {x: canvas.width / 2, y: canvas.height / 2};
		const playerSize = 50;
		const playerSpeed = 5;
		const enemySize = 50;
		const enemySpeed = 3;
		const spawnRate = 1000;
		const spawnRegion = {left: 0, top: 0, right: canvas.width, bottom: canvas.height};

let player;
		let enemies = [];
		let bullets = [];
		let lastSpawnTime = 0;
		let score = 0;
		let isGameRunning = false;

function init() {
			player = {
				x: center.x - playerSize / 2,
				y: center.y - playerSize / 2,
				width: playerSize,
				height: playerSize
			};
			enemies = [];
			bullets = [];
			lastSpawnTime = 0;
			score = 0;
			updateScore();
			draw();
		}

function draw() {
			context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
			context.fillStyle = "#E91E63";
			context.fillRect(player.x, player.y, player.width, player.height);

// Draw enemies
			context.fillStyle = "#F44336";
			for (const enemy of enemies) {
				context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
			}

// Draw bullets
			context.fillStyle = "#4CAF50";
			for (const bullet of bullets) {
				context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
			}

// Draw game over screen
			if (!isGameRunning) {
				document.getElementById("final-score").textContent = score;
				document.getElementById("game-over").style.display = "block";
				return;
			}

requestAnimationFrame(draw);
		}

// Move enemies
			for (const enemy of enemies) {
				enemy.y += enemySpeed;
				if (enemy.y > canvas.height) {
					enemies.splice(enemies.indexOf(enemy), 1);
				}
			}

// Move bullets
			for (const bullet of bullets) {
				bullet.y -= playerSpeed * 2;
				if (bullet.y < 0) {
					bullets.splice(bullets.indexOf(bullet), 1);
				}
			}

// Spawn enemies
			const currentTime = Date.now();
			if (currentTime > lastSpawnTime + spawnRate) {
				lastSpawnTime = currentTime;
				const enemyX = Math.floor(Math.random() * (spawnRegion.right - spawnRegion.left - enemySize));
				enemies.push({
					x: enemyX,
					y: spawnRegion.top - enemySize,
					width: enemySize,
					height: enemySize
				});
			}

// Detect collisions
			for (const enemy of enemies) {
				if (checkCollision(player, enemy)) {
					isGameRunning = false;
				}
				for (const bullet of bullets) {
					if (checkCollision(bullet, enemy)) {
						enemies.splice(enemies.indexOf(enemy), 1);
						bullets.splice(bullets.indexOf(bullet), 1);
						score += 10;
						updateScore();
						break;
					}
				}
			}

setTimeout(update, 1000 / 60);
		}

function checkCollision(obj1, obj2) {
			return obj1.x < obj2.x + obj2.width &&
				obj1.x + obj1.width > obj2.x &&
				obj1.y < obj2.y + obj2.height &&
				obj1.y + obj1.height > obj2.y;
		}

function updateScore() {
			document.getElementById("score").textContent = "Score: " + score;
		}

let keys = {};
		document.addEventListener("keydown", event => {
			keys[event.key] = true;
		});
		document.addEventListener("keyup", event => {
			keys[event.key] = false;
		});

document.getElementById("start-button").addEventListener("click", () => {
			init();
			isGameRunning = true;
			document.getElementById("start-button").style.display = "none";
			draw();
			update();
		});

document.getElementById("restart-button").addEventListener("click", () => {
			document.getElementById("game-over").style.display = "none";
			document.getElementById("start-button").style.display = "block";
		});
	</script>
</body>
</html>