Human Hand Spinner Sequel's game

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

No:2435

2753

←

Prev Next

→

Human Hand Spinner Sequel
Developer anonymous｜Date and time 70/1/1 9:42:29
Build time unknown sec｜Game capacity 2.549KB｜

Script

🌀

このアプリは、前回の人間ハンドスピナーの続編です。画面に表示されるハンドスピナーをクリックする、またはスペースキーを押してポイントを獲得しましょう。時間内にできるだけ多くのポイントを獲得することが目的です。10秒経過すると、スコアが表示され、ゲームが終了します。スマホで遊ぶことを前提としているため、画面サイズに応じて表示が調整されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>人間ハンドスピナー2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #e6e6e6;
		}
		.container {
			margin-top: 50px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		.spinner {
			font-size: 150px;
			cursor: pointer;
			animation: spin 2s ease-in-out infinite;
		}
		@keyframes spin {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}
		.score {
			font-size: 40px;
			margin-top: 30px;
			text-align: center;
		}
		@media only screen and (max-width: 600px) {
			.spinner {
				font-size: 100px;
			}
			.score {
				font-size: 30px;
			}
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="spinner">🌀</div>
		<div class="score"></div>
	</div>

function startGame() {
			startTime = Date.now();

spin();
			spinner.addEventListener('click', addScore);
			document.addEventListener('keydown', addScoreOnSpace);
		}

function spin() {
			spinner.style.animationPlayState = 'running';
		}

function stop() {
			spinner.style.animationPlayState = 'paused';
			spinner.removeEventListener('click', addScore);
			document.removeEventListener('keydown', addScoreOnSpace);

showResult();
		}

function addScore() {
			score++;
			scoreDisplay.innerHTML = 'スコア: ' + score;
		}

function addScoreOnSpace(event) {
			if (event.keyCode === 32) {
				event.preventDefault();
				addScore();
			}
		}

function showResult() {
			let time = Date.now() - startTime;
			let seconds = Math.floor(time / 1000);
			alert('おめでとう！\nあなたのスコアは ' + score + ' です！\n所要時間は ' + seconds + ' 秒でした！');
		}

window.addEventListener('load', startGame);
		setTimeout(stop, 10000);
	</script>
</body>
</html>