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

Score: 0

This code is a sample code.、Because the operation has not been checked、It may not work.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうスクのアプデを放置した開発者ひさしをおしおきするゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #f5f5f5;
			font-family: sans-serif;
			text-align: center;
			color: #333;
		}
		canvas {
			border: 1px solid #dcdcdc;
			background-color: #fff;
		}
		#score {
			position: absolute;
			top: 10px;
			left: 10px;
			font-size: 20px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>どうスクのアプデを放置した開発者ひさしをおしおきするゲーム</h1>
	<canvas id="game" width="320" height="480"></canvas>
	<div id="score">Score: 0</div>
	<script>
		// ゲームの設定
		var gameCanvas = document.getElementById("game");
		var ctx = gameCanvas.getContext("2d");
		var score = 0;
		var ballX = gameCanvas.width/2;
		var ballY = gameCanvas.height - 30;
		var ballDX = 2;
		var ballDY = -2;
		var ballRadius = 10;
		var paddleWidth = 75;
		var paddleHeight = 10;
		var paddleX = (gameCanvas.width - paddleWidth) / 2;
		var rightPressed = false;
		var leftPressed = false;
		var brickRowCount = 3;
		var brickColumnCount = 5;
		var brickWidth = 75;
		var brickHeight = 20;
		var brickPadding = 10;
		var brickOffsetTop = 30;
		var brickOffsetLeft = 30;
		var bricks = [];
		for(var c=0; c<brickColumnCount; c++) {
			bricks[c] = [];
			for(var r=0; r<brickRowCount; r++) {
				bricks[c][r] = { x: 0, y: 0, status: 1 };
			}
		}

// キー操作の設定
		document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);
		function keyDownHandler(e) {
			if(e.key == "Right" || e.key == "ArrowRight") {
				rightPressed = true;
			}
			else if(e.key == "Left" || e.key == "ArrowLeft") {
				leftPressed = true;
			}
		}
		function keyUpHandler(e) {
			if(e.key == "Right" || e.key == "ArrowRight") {
				rightPressed = false;
			}
			else if(e.key == "Left" || e.key == "ArrowLeft") {
				leftPressed = false;
			}
		}

// ボールとパドルの当たり判定
		function collisionDetection() {
			for(var c=0; c<brickColumnCount; c++) {
				for(var r=0; r<brickRowCount; r++) {
					var b = bricks[c][r];
					if(b.status == 1) {
						if(ballX > b.x && ballX < b.x+brickWidth && ballY > b.y && ballY < b.y+brickHeight) {
							ballDY = -ballDY;
							b.status = 0;
							score++;
							if(score == brickRowCount*brickColumnCount) {
								alert("You win!");
								document.location.reload();
							}
						}
					}
				}
			}
		}

// ゲームの描画
		function drawBall() {
			ctx.beginPath();
			ctx.arc(ballX, ballY, ballRadius, 0, Math.PI*2);
			ctx.fillStyle = "#333";
			ctx.fill();
			ctx.closePath();
		}
		function drawPaddle() {
			ctx.beginPath();
			ctx.rect(paddleX, gameCanvas.height-paddleHeight, paddleWidth, paddleHeight);
			ctx.fillStyle = "#333";
			ctx.fill();
			ctx.closePath();
		}
		function drawBricks() {
			for(var c=0; c<brickColumnCount; c++) {
				for(var r=0; r<brickRowCount; r++) {
					if(bricks[c][r].status == 1) {
						var brickX = (c*(brickWidth+brickPadding))+brickOffsetLeft;
						var brickY = (r*(brickHeight+brickPadding))+brickOffsetTop;
						bricks[c][r].x = brickX;
						bricks[c][r].y = brickY;
						ctx.beginPath();
						ctx.rect(brickX, brickY, brickWidth, brickHeight);
						ctx.fillStyle = "#333";
						ctx.fill();
						ctx.closePath();
					}
				}
			}
		}
		function drawScore() {
			ctx.font = "20px Arial";
			ctx.fillStyle = "#333";
			ctx.fillText("Score: "+score, 10, 25);
		}
		function draw() {
			ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
			drawBall();
			drawPaddle();
			drawBricks();
			drawScore();
			collisionDetection();

// ボールの移動
			ballX += ballDX;
			ballY += ballDY;

// 壁との当たり判定
			if(ballX + ballDX > gameCanvas.width-ballRadius || ballX + ballDX < ballRadius) {
				ballDX = -ballDX;
			}
			if(ballY + ballDY < ballRadius) {
				ballDY = -ballDY;
			}
			else if(ballY + ballDY > gameCanvas.height-ballRadius) {
				if(ballX > paddleX && ballX < paddleX + paddleWidth) {
					ballDY = -ballDY;
				}
				else {
					alert("Game Over");
					document.location.reload();
				}
			}

// パドルの移動
			if(rightPressed && paddleX < gameCanvas.width - paddleWidth) {
				paddleX += 7;
			}
			else if(leftPressed && paddleX > 0) {
				paddleX -= 7;
			}

requestAnimationFrame(draw);
		}

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

※このコードはサンプルコードであり、動作確認をしていないため、動作しない場合があります。