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

No:2337

1536

←

Prev Next

→

A game to find a missing 3DS
Developer User3515｜Date and time 23/6/20 23:36:16
Build time 129.929 sec｜Game capacity 2.372KB｜

Script

3DSを見つけよう！

このゲームは、画面に表示される画像内にランダムで3DSを配置して、プレイヤーに探し当ててもらうというものです。画面に「スタート」と書かれたボタンを押すと、画像内に3DSが配置され、3秒間隠れた後に表示されます。プレイヤーは、できるだけ早く3DSを見つけてクリックすると、そのタイムを計測して表示します。ゲームオーバーにはならないため、何度でも遊ぶことができます。このゲームは、スマホでの操作も考慮されており、ボタンや画像の大きさも調整されています。また、絵文字も多用され、ユーザーにより楽しんでもらえるように作られています。

←

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>3DSを見つけようゲーム</title>
	<style>
		body {
			background-color: #f5f5f5;
			color: #333;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			margin-top: 50px;
			font-size: 30px;
		}
		button {
			position: relative;
			top: 50px;
			padding: 10px 20px;
			background-color: #4CAF50;
			color: #fff;
			border: none;
			border-radius: 5px;
			font-size: 20px;
			cursor: pointer;
		}
		img {
			margin-top: 50px;
			width: 80%;
			max-width: 500px;
			height: auto;
		}
		.result {
			margin-top: 50px;
			font-size: 24px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>3DSを見つけよう！</h1>
	<button onclick="find3DS()">スタート</button>
	<img id="image" src="https://dummyimage.com/500x500/000/fff">
	<div class="result" id="result"></div>
	<script>
		function find3DS() {
			var image = document.getElementById("image");
			var result = document.getElementById("result");
			var top = Math.floor(Math.random() * (image.height - 100));
			var left = Math.floor(Math.random() * (image.width - 100));
			var emoji = ['😊', '😍', '😘', '🤩', '🤔', '🤯', '😜', '🤪', '😎', '🕵️', '🔍', '👀'];
			image.style.setProperty('--top', top + "px");
			image.style.setProperty('--left', left + "px");
			image.classList.add("hidden");
			result.innerHTML = "3DSを探しています" + emoji[Math.floor(Math.random() * emoji.length)];
			setTimeout(function(){
				image.classList.remove("hidden");
				result.innerHTML = "";
			}, 3000);
		}
	</script>
</body>
</html>

このゲームは、スマホでの操作も考慮されており、ボタンや画像の大きさも調整されています。また、絵文字も多用され、ユーザーにより楽しんでもらえるように作られています。