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
Reset button available. A game in which you tap icons. When you tap an icon, it disappears, but other icons appear in different positions. When you tap an icon, one icon is added to your score. Time limit 20 seconds.'s game | AI game creator

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

No:1328

218

←

Prev Next

→

Reset button available. A game in which you tap ic..ALL
Developer User3300｜Date and time 23/6/18 11:08:01
Build time 25.116 sec｜Game capacity 2.781KB｜

Script

Icon Tap Game

20 sec.

←

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 {
			background-color: #F0F8FF;
			text-align: center;
			font-size: 4em;
			margin: 0;
			padding: 0;
		}
		div {
			display: inline-block;
			position: relative;
			cursor: pointer;
			margin: 5px;
			z-index: 1;
			animation: icon 2s linear infinite;
		}
		@keyframes icon {
			0% {top: 0;}
			50% {top: 50px;}
			100% {top: 0;}
		}
		#score {
			position: fixed;
			top: 0;
			right: 0;
			background-color: #fff;
			padding: 10px;
			font-size: 1em;
			border: 2px solid #000;
		}
	</style>
</head>
<body>
	<h1>アイコンタップゲーム</h1>
	<div id="score">0</div>
	<script>
		var score = 0;
		var timeleft = 20;
		var interval = null;

function init() {
			createIcons();
			document.querySelector('#reset').addEventListener('click', resetGame);
		}

function resetGame() {
			score = 0;
			timeleft = 20;
			clearInterval(interval);
			document.getElementById('score').innerHTML = score;
			document.getElementById('timeleft').innerHTML = timeleft + '秒';
			document.querySelectorAll('div').forEach(function(div) {
				div.remove();
			});
			createIcons();
		}

function gameOver() {
			clearInterval(interval);
			var divs = document.querySelectorAll('div');
			for (var i = 0; i < divs.length; i++) {
				divs[i].remove();
			}
			alert('ゲームオーバー！\nスコア：' + score);
			resetGame();
		}

init();
	</script>
	<button id="reset">リセット</button>
	<p id="timeleft">20秒</p>
</body>
</html>