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

No:3255

185

←

Prev Next

→

Code generation game! Create your own code!
Developer User3589｜Date and time 23/6/24 9:58:32
Build time 14.637 sec｜Game capacity 1.419KB｜

Script

コード生成ゲーム！

スコア: 0

←

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 {
			margin: 0;
			padding: 0;
			background-color: #00bfff;
			text-align: center;
			font-family: Arial, sans-serif;
		}

canvas {
			margin: auto;
			display: block;
			border: 2px solid black;
			background-color: white;
			margin-top: 50px;
		}

#score {
			color: white;
			font-size: 30px;
			margin-bottom: 20px;
		}
	</style>
</head>
<body>
	<h1>コード生成ゲーム！</h1>
	<canvas id="game" width="400" height="600"></canvas>
	<div id="score">スコア: 0</div>
	<script>

var canvas = document.getElementById("game");
	var ctx = canvas.getContext("2d");

var score = 0;

var code = [
		"if(x < 100) {",
		"score++;",
		"} else {",
		"score--;",
		"}"
	];

var codeIndex = 0;

var x = 0;

var interval = setInterval(update, 10);

canvas.addEventListener("click", function() {
		eval(code[codeIndex]);  // ユーザー操作がこれで実行
		score++;
		document.getElementById("score").innerHTML = "スコア: " + score;
	});

</script>
</body>
</html>