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

No:7008

118

←

Prev Next

→

Space Junction! Like a maze!
Developer User3589｜Date and time 23/7/4 22:35:27
Build time 26.334 sec｜Game capacity 3.042KB｜

Script

了解しました。以下にJavaScriptを使用したゲームの例を示します。このゲームはスマートフォンで操作することを前提としており、絵文字を使用しています。

Space Junction

このプログラムでは、「Space Junction」という名前のゲームが実装されています。ゲームエリアは `<p>` タグ内に表示され、Startボタンをクリックするとゲームが開始します。表示される絵文字の組み合わせは迷路を表しており、スマートフォンの矢印キーで宇宙船の絵文字を操作します。ゴールの絵文字に到達すると勝利となり、アラートが表示されます。このプログラムをHTMLファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
	<title>Space Junction</title>
	<style>
		body {
			font-size: 24px;
			text-align: center;
		}
	</style>
</head>
<body>
	<h1>Space Junction</h1>
    <button onclick="startGame()">Start</button>
    <p id="gameArea"></p>

const maze = [
				[emojiSpaceship, emojiObstacle, emojiObstacle],
				[emojiObstacle, "   ", emojiObstacle],
				[emojiGoal, emojiObstacle, emojiObstacle]
			];

let row = 0;
			let column = 0;

maze[row][column] = emojiSpaceship;
				drawMaze();

if (maze[row][column] === emojiGoal) {
					alert("Goal reached! You win!");
				}
			}

document.addEventListener("keydown", function(event) {
				switch (event.key) {
					case "ArrowUp":
						move("up");
						break;
					case "ArrowDown":
						move("down");
						break;
					case "ArrowLeft":
						move("left");
						break;
					case "ArrowRight":
						move("right");
						break;
				}
			});

drawMaze();
		}
	</script>
</body>
</html>
```

このプログラムをHTMLファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。