hide and seek (game)'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
hide and seek (game)'s game | AI game creator

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

No:2238

1152

←

Prev Next

→

hide and seek (game)
Developer User3512｜Date and time 23/6/20 17:09:41
Build time 21.958 sec｜Game capacity 1.943KB｜

Script

😁

このかくれんぼゲームは、画面上にランダムに表示される笑顔の絵文字をクリックして得点を稼ぐゲームです。画面をクリックするとランダムに移動するため、なるべく多くの笑顔をクリックして高得点を狙いましょう。スマホでも遊べるように画面全体を対象にしています。始めるにはスタートボタンを押してください。得点は画面下部に表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<html>
<head>
	<title>かくれんぼゲーム</title>
	<style>
		body{
			background-color: #e0e0e0;
			text-align: center;
		}
		#target{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			font-size: 4em;
		}
		.button{
			padding: 15px 30px;
			font-size: 1.5em;
			background-color: #42a5f5;
			color: white;
			border: none;
			border-radius: 10px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="target">😁</div>
	<br>
	<button class="button" id="start">スタート！</button>

target.addEventListener("click", hitTarget);

function hitTarget(){
			score++;
			target.style.top = Math.floor(Math.random() * (rangeHeight - target.clientHeight)) + "px";
			target.style.left = Math.floor(Math.random() * (rangeWidth - target.clientWidth)) + "px";
			document.getElementById("score").textContent = "得点：" + score;
		}

startBtn.addEventListener("click", startGame);

function startGame(){
			score = 0;
			document.getElementById("score").textContent = "得点：" + score;
			target.style.top = Math.floor(Math.random() * rangeHeight) + "px";
			target.style.left = Math.floor(Math.random() * rangeWidth) + "px";
			startBtn.style.display = "none";
		}
	</script>
</body>
</html>