Games for laying down's game

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

No:1690

1699

←

Prev Next

→

Games for laying down
Developer User3390｜Date and time 23/6/18 21:58:40
Build time 38.958 sec｜Game capacity 3.136KB｜

Script

以下は、寝かせて遊べる簡単なゲームの実装例です。

寝かせて遊ぶゲーム

画面をタップしてゲームをスタート！

このゲームは、画面をタップすることでアイテムを取るゲームです。アイテムには絵文字が使われており、アイテムがランダムに移動します。スコアは画面をタップするたびに加算され、スコアを更新すると次のアイテムがランダムに表示されます。タイマーが動き、一定時間が経過するとアイテムが一斉に移動します。ゲームスタート時にはゲーム説明とスタートボタンが表示され、スタートボタンをタップすることでゲームが始まります。

←

Prev　Next

→ 　

Back　

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

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

以下は、寝かせて遊べる簡単なゲームの実装例です。

<html>
	<head>
		<title>寝かせて遊ぶゲーム</title>
		<meta charset="utf-8"/>
		<style>
			/* スタイルシート */
			body {
				background-color: lightblue;
				font-size: 2em;
				text-align: center;
				margin-top: 50px;
			}

button {
				font-size: 1em;
				padding: 10px 20px;
				margin-top: 50px;
			}
		</style>
	</head>
	
	<body>
		
		<div id="gameArea"></div>
		
		
		<div id="explain">
			<p>寝かせて遊ぶゲーム</p>
			<p>画面をタップしてゲームをスタート！</p>
			<button onclick="start()">スタート</button>
		</div>
		
		
		<script>
			// 変数
			var score = 0;	// スコア
			var playing = false;	// ゲーム中かどうか
			var timer;	// タイマー
			
			// ゲームスタート関数
			function start() {
				// ゲームスタート
				playing = true;
				
				// ゲームエリア表示
				document.getElementById("gameArea").innerHTML = "<p id='score'>0</p>";
				
				// タイマースタート
				timer = setInterval(move, 1000);
			}
			
			// タップイベント関数
			document.addEventListener("touchstart", function(event) {
				if (playing) {
					// スコア加算
					score++;
					document.getElementById("score").innerHTML = score;
					
					// アイテムをランダムに配置
					var emoji = ["😃", "😎", "🦊", "🍕", "🐬", "🚀", "🎉", "🧸", "🦁"];
					var item = emoji[Math.floor(Math.random() * emoji.length)];
					var left = Math.floor(Math.random() * (document.body.clientWidth - 100));
					var top = Math.floor(Math.random() * (document.body.clientHeight - 100));
					var newItem = "<p style='position: absolute; left: " + left + "px; top: " + top + "px;'>" + item + "</p>";
					document.getElementById("gameArea").innerHTML += newItem;
				}		
			});
			
			// アイテム移動関数
			function move() {
				// 画面に表示されたアイテムを取得
				var items = document.getElementsByTagName("p");
				for (var i = 0; i < items.length; i++) {
					if (items[i].innerHTML != score) {
						// アイテムをランダムに移動
						var left = Math.floor(Math.random() * (document.body.clientWidth - 100));
						var top = Math.floor(Math.random() * (document.body.clientHeight - 100));
						items[i].style.left = left + "px";
						items[i].style.top = top + "px";
					}
				}
			}
		</script>
	</body>
</html>

このゲームは、画面をタップすることでアイテムを取るゲームです。 アイテムには絵文字が使われており、アイテムがランダムに移動します。 スコアは画面をタップするたびに加算され、スコアを更新すると次のアイテムがランダムに表示されます。 タイマーが動き、一定時間が経過するとアイテムが一斉に移動します。 ゲームスタート時にはゲーム説明とスタートボタンが表示され、スタートボタンをタップすることでゲームが始まります。