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

No:3653

4550

←

Prev Next

→

The Romance of Otaku
Developer User3722｜Date and time 23/6/26 0:14:40
Build time 25.342 sec｜Game capacity 2.271KB｜

Script

オタ芸のロマンスというゲームを作りました。

オタ芸のロマンス

矢印キーで移動、スペースキーでオタ芸を披露しよう！

得点が一定以上になると、次のステージに進めます。

スマホで遊ぶ場合は、画面をタップしてから操作してください。

得点: 0

😎

←

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">
</head>
<body>
	<h1>オタ芸のロマンス</h1>
	<p>矢印キーで移動、スペースキーでオタ芸を披露しよう！</p>
	<p>得点が一定以上になると、次のステージに進めます。</p>
	<p>スマホで遊ぶ場合は、画面をタップしてから操作してください。</p>
	<div id="score">得点: 0</div>
	<div id="player" style="position:absolute;left:0;top:0;font-size:40px;">😎</div>
	<script>
		// 初期設定
		let player = document.getElementById("player");
		let score = document.getElementById("score");
		let moveAmount = 20;
		let stage = 1;
		let targetScore = 100;

// キー操作
		window.addEventListener("keydown", function(event) {
			switch(event.keyCode) {
				case 37: // 左
					player.style.left = parseInt(player.style.left) - moveAmount + "px";
					break;
				case 38: // 上
					player.style.top = parseInt(player.style.top) - moveAmount + "px";
					break;
				case 39: // 右
					player.style.left = parseInt(player.style.left) + moveAmount + "px";
					break;
				case 40: // 下
					player.style.top = parseInt(player.style.top) + moveAmount + "px";
					break;
				case 32: // スペース
					showOtagei();
					break;
			}
			if (checkClear()) {
				nextStage();
			}
		});

// オタ芸披露
		function showOtagei() {
			player.innerHTML = "👯";
			setTimeout(function() {
				player.innerHTML = "😎";
			}, 1000);
			addScore(10);
		}

// 得点加算
		function addScore(point) {
			let currentScore = parseInt(score.innerHTML.split(": ")[1]);
			score.innerHTML = "得点: " + (currentScore + point);
		}

// クリア判定
		function checkClear() {
			let currentScore = parseInt(score.innerHTML.split(": ")[1]);
			if (currentScore >= targetScore) {
				return true;
			} else {
				return false;
			}
		}

// 次のステージへ
		function nextStage() {
			player.style.left = "0";
			player.style.top = "0";
			targetScore += 50;
			stage++;
			alert("ステージ " + stage + "に進めました！");
		}
	</script>
</body>
</html>