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

No:40647

←

Prev Next

→

マイクラ
Developer User18220｜Date and time 24/2/3 21:04:21
Build time 10.091 sec｜Game capacity 2.547KB｜

Script

了解です。では、マイクラのゲームを実装してみましょう。

マイクラゲーム

このコードでは、10x10のマップ上でプレイヤーを移動させることができます。プレイヤーは笑顔の絵文字で表されます。矢印キーを押すことでプレイヤーを上下左右に移動させることができます。マップの範囲外には出られません。以上のコードをhtmlファイルに保存し、ブラウザで開くことでマイクラゲームをプレイすることができます。スマートフォンでも操作可能です。

←

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>
	<style>
		#map {
			width: 300px;
			height: 300px;
			display: flex;
			flex-wrap: wrap;
			font-size: 20px;
		}
		.block {
			width: 30px;
			height: 30px;
			border: 1px solid black;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	</style>
</head>
<body>
	<h1>マイクラゲーム</h1>
	<div id="map"></div>

drawMap();
        }

drawMap();
	</script>
</body>
</html>
```

このコードでは、10x10のマップ上でプレイヤーを移動させることができます。プレイヤーは笑顔の絵文字で表されます。矢印キーを押すことでプレイヤーを上下左右に移動させることができます。マップの範囲外には出られません。

以上のコードをhtmlファイルに保存し、ブラウザで開くことでマイクラゲームをプレイすることができます。スマートフォンでも操作可能です。