AI game creator

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

No:2008

947

←

Prev Next

→

walk with ones nose
Developer sayaensm｜Date and time 23/6/19 18:44:54
Build time 29.842 sec｜Game capacity 2.267KB｜

Script

鼻で歩くゲーム

スマホを傾けて鼻でプレイ！

スタートを押して、できるだけ長くゲームを続けよう！

スタート

【ゲームの概要】・スマホを傾けて、鼻でプレイするゲームです。・スタートを押すと、画面を傾けることでキャラクターを動かし、できるだけ長く歩き続けることが目的です。・ゲーム中はスマホをタッチしないように注意してください。・スコアはプレイ時間となり、ゲームオーバーになった際に表示されます。

←

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: #eee;
			font-size: 3em;
			text-align: center;
			margin-top: 50vh;
			/*transform: translateY(-50%);*/
		}
		
		.button {
			display: inline-block;
			background-color: #ccc;
			padding: 10px;
			border-radius: 10px;
			margin: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<p>鼻で歩くゲーム</p>
	<p>スマホを傾けて鼻でプレイ！</p>
	<p>スタートを押して、できるだけ長くゲームを続けよう！</p>
	
	<div class="button" onclick="startGame()">スタート</div>
	
	<script>
		let score = 0;
		let flag = false;
		let timer;
		
		function startGame() {
			flag = true;
			timer = setInterval(updateScore, 1000);
		}
		
		function updateScore() {
			if (flag) {
				score++;
				document.body.innerHTML = "👃🚶‍♂️<br>" + score + "秒！<br>" + "ゲーム中は画面をタッチしないでね！";
			} else {
				clearInterval(timer);
				document.body.innerHTML = "ゲームオーバー！<br>" + "スコアは" + score + "秒でした！";
			}
		}
		
		window.addEventListener("deviceorientation", handleOrientation, true);
		
		function handleOrientation(event) {
			if (flag) {
				let alpha = event.alpha;
				document.body.style.transform = "rotate(" + alpha + "deg)";
			}
		}
		
		document.body.addEventListener("touchstart", function(event) {
			if (flag) {
				event.preventDefault();
			}
		}, {passive: false});
		
		document.body.addEventListener("touchmove", function(event) {
			if (flag) {
				event.preventDefault();
			}
		}, {passive: false});
		
		document.body.addEventListener("touchend", function(event) {
			if (flag) {
				event.preventDefault();
			}
			flag = false;
		}, {passive: false});
	</script>
</body>
</html>

【ゲームの概要】
・スマホを傾けて、鼻でプレイするゲームです。
・スタートを押すと、画面を傾けることでキャラクターを動かし、できるだけ長く歩き続けることが目的です。
・ゲーム中はスマホをタッチしないように注意してください。
・スコアはプレイ時間となり、ゲームオーバーになった際に表示されます。