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

No:4521

1247

←

Prev Next

→

Pizzeria Challenge! Barking at the unprecedented m..ALL
Developer User3589｜Date and time 23/6/28 3:16:49
Build time 38.182 sec｜Game capacity 3.281KB｜

Script

「ピザ屋の挑戦！前人未到の月に吠える！」というゲームを作りました。以下が実際のプログラムです。

ピザ屋の挑戦！前人未到の月に吠える！

このゲームは、縦に並んだブロックを潰す「ブロック崩し」というゲームのアレンジ版です。操作方法は左右矢印キーです。目的は、ピザを弾いて壊すことです。ピザが落ちてくると、パドルで跳ね返します。落ちたピザを取り逃がすとゲームオーバーです。絵文字を使用していない点は申し訳ありません。

←

Prev　Next

→ 　

Back　

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

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

「ピザ屋の挑戦！前人未到の月に吠える！」というゲームを作りました。

以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ピザ屋の挑戦！前人未到の月に吠える！</title>
</head>
<body>

<h1>ピザ屋の挑戦！前人未到の月に吠える！</h1>

let pizzaX = gameCanvas.width/2;
		let pizzaY = gameCanvas.height-30;
		let pizzaRadius = 10;
		let pizzaDx = 2;
		let pizzaDy = -2;

let paddleHeight = 10;
		let paddleWidth = 75;
		let paddleX = (gameCanvas.width-paddleWidth)/2;
		let paddleDx = 7;

let rightPressed = false;
		let leftPressed = false;

// パドルの描画
		function drawPaddle() {
			ctx.beginPath();
			ctx.rect(paddleX, gameCanvas.height-paddleHeight, paddleWidth, paddleHeight);
			ctx.fillStyle = "#0095DD";
			ctx.fill();
			ctx.closePath();
		}

// ピザの描画
		function drawPizza() {
			ctx.beginPath();
			ctx.arc(pizzaX, pizzaY, pizzaRadius, 0, Math.PI*2);
			ctx.fillStyle = "#0095DD";
			ctx.fill();
			ctx.closePath();
		}

// ゲームオーバー画面の描画
		function drawGameOver() {
			ctx.font = "30px Arial";
			ctx.fillStyle = "#0095DD";
			ctx.fillText("GAME OVER", gameCanvas.width/2-75, gameCanvas.height/2);
		}

// ゲームのメインループ
		function draw() {
			ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
			drawPaddle();
			drawPizza();

if(pizzaX + pizzaDx > gameCanvas.width-pizzaRadius || pizzaX + pizzaDx < pizzaRadius) {
				pizzaDx = -pizzaDx;
			}
			if(pizzaY + pizzaDy < pizzaRadius) {
				pizzaDy = -pizzaDy;
			} else if(pizzaY + pizzaDy > gameCanvas.height-pizzaRadius) {
				if(pizzaX > paddleX && pizzaX < paddleX + paddleWidth) {
					pizzaDy = -pizzaDy;
				} else {
					drawGameOver();
					return;
				}
			}

if(rightPressed && paddleX < gameCanvas.width-paddleWidth) {
				paddleX += paddleDx;
			} else if(leftPressed && paddleX > 0) {
				paddleX -= paddleDx;
			}

pizzaX += pizzaDx;
			pizzaY += pizzaDy;

requestAnimationFrame(draw);
		}

// キーボードのイベント処理
		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;
			}
		}

draw();

</script>

</body>
</html>
```