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

No:3926

4369

←

Prev Next

→

You all got your logs!
Developer User1006｜Date and time 23/6/26 23:51:44
Build time 46.177 sec｜Game capacity 3.169KB｜

Script

分かりました。以下は私が実装したゲームの例です：

丸太に太刀打てず

スマホで遊べます

このゲームは、プレイヤーが丸太を避けながらできるだけスコアを稼ぐというものです。スマホで遊べるようにタッチ操作にしてもいいですし、絵文字を使って見た目をかわいくしたりもできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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 {
			text-align: center;
			font-size: 24px;
		}
		canvas {
			border: 2px solid black;
			background-color: lightgreen;
		}
	</style>
</head>
<body>
	<h1>丸太に太刀打てず</h1>
	<h2>スマホで遊べます</h2>
	<canvas id="gameCanvas" width="320" height="480"></canvas>

// キー入力の検出
		document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);
		var leftPressed = false;
		var rightPressed = false;

function keyDownHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = true;
			} else if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = true;
			}
		}

function keyUpHandler(event) {
			if (event.key == "Left" || event.key == "ArrowLeft") {
				leftPressed = false;
			} else if (event.key == "Right" || event.key == "ArrowRight") {
				rightPressed = false;
			}
		}

// ゲームの画面更新
		function draw() {
			ctx.clearRect(0, 0, screenWidth, screenHeight);
			// ログの描画
			ctx.fillStyle = "brown";
			ctx.fillRect(log.x, log.y, log.width, log.height);
			// プレイヤーの描画
			ctx.fillStyle = "blue";
			ctx.fillRect(player.x, player.y, player.width, player.height);
			// スコアの描画
			ctx.fillStyle = "black";
			ctx.font = "24px Arial";
			ctx.fillText("Score: " + score, 10, 30);
			// 画面外に出た場合の判定
			if (log.y > screenHeight) {
				log.x = Math.random() * (screenWidth - log.width);
				log.y = 0;
				score += 10; // スコアの加算
				log.speed += 0.5; // ログの速度のアップ
			}
			// ログの移動
			log.y += log.speed;
			// プレイヤーの移動
			if (leftPressed && player.x > 0) {
				player.x -= player.speed;
			} else if (rightPressed && player.x < screenWidth - player.width) {
				player.x += player.speed;
			}
			// 衝突判定
			if (player.x < log.x + log.width &&
				player.x + player.width > log.x &&
				player.y < log.y + log.height &&
				player.y + player.height > log.y) {
				alert("ゲームオーバー！\nあなたのスコアは " + score + " でした。");
				location.reload(); // 再読み込みしてリトライ
			}
		}

// ゲームループ
		setInterval(draw, 10);
	</script>
</body>
</html>