AI game creator

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

No:2202

216

←

Prev Next

→

Minecraft
Developer User3516｜Date and time 23/6/20 14:29:04
Build time 20.113 sec｜Game capacity 1.601KB｜

Script

👤

🟫

Score: 0

Minecraftというゲームで、プレイヤーを表す👤とブロックを表す🟫が表示されます。プレイヤーがブロックをクリックすると、スコアが増え、ブロックの位置がランダムに変わります。スマホでも操作可能で、スコア表示には絵文字を使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Minecraft</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		#game-screen {
			background-color: #9DD6FF;
			height: 400px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

#player {
			font-size: 50px;
			margin-bottom: 20px;
		}

#block {
			font-size: 100px;
			cursor: pointer;
		}

#score {
			font-size: 30px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div id="game-screen">
		<div id="player">👤</div>
		<div id="block">🟫</div>
		<div id="score">Score: 0</div>
	</div>

function randomizeBlockPosition() {
			let block = document.querySelector("#block");
			let x = Math.floor(Math.random() * window.innerWidth * 0.8);
			let y = Math.floor(Math.random() * window.innerHeight * 0.6);
			block.style.left = x + "px";
			block.style.top = y + "px";
		}

function increaseScore() {
			score++;
			document.querySelector("#score").innerHTML = "Score: " + score;
		}

document.querySelector("#block").addEventListener("click", function() {
			increaseScore();
			randomizeBlockPosition();
		});

randomizeBlockPosition();
	</script>
</body>
</html>