AI game creator

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

No:3339

2542

←

Prev Next

→

Neogunma
Developer sayaensm｜Date and time 23/6/24 14:40:25
Build time 18.216 sec｜Game capacity 1.693KB｜

Script

こんにちは！ネオ群馬です。私が作ったアプリは「🐱キャッチゲーム」というカジュアルゲームです。以下がコードです。

🐱

このゲームのルールは簡単です。画面上に表示される🐱の絵文字をクリックするとスコアが上がります。一定時間毎に🐱が画面上を移動します。スコアが上がるにつれて🐱が移動する速度が上がります。このゲームはスマホでも十分に遊べるように設計されています。🐱をタップすることでプレイできます。また、画面サイズに合わせて🐱の位置が自動調整されるようになっています。楽しんでプレイしてくださいね！

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

こんにちは！ネオ群馬です。

私が作ったアプリは「🐱キャッチゲーム」というカジュアルゲームです。

以下がコードです。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>🐱キャッチゲーム</title>
	<style type="text/css">
		body {
			background-color: #fffacd;
			text-align: center;
		}
		#cat {
			position: absolute;
			top: 40%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 4em;
			cursor: pointer;
			user-select: none;
			animation: moveCat 3s ease-out;
		}
		@keyframes moveCat {
			0% {
				left: 50%;
			}
			25% {
				left: 80%;
			}
			50% {
				left: 50%;
			}
			75% {
				left: 20%;
			}
			100% {
				left: 50%;
			}
		}
	</style>
</head>
<body>
	<div id="cat">🐱</div>
	
	<script type="text/javascript">
		let cat = document.getElementById("cat");
		let score = 0;
		
		cat.addEventListener("click", function() {
			score++;
			document.title = `🐱キャッチゲーム - スコア ${score}`;
			cat.style.animationDuration = Math.max(0.5, 3 - score / 10) + "s";
		});
	</script>
</body>
</html>
```

このゲームのルールは簡単です。画面上に表示される🐱の絵文字をクリックするとスコアが上がります。一定時間毎に🐱が画面上を移動します。スコアが上がるにつれて🐱が移動する速度が上がります。

このゲームはスマホでも十分に遊べるように設計されています。🐱をタップすることでプレイできます。また、画面サイズに合わせて🐱の位置が自動調整されるようになっています。

楽しんでプレイしてくださいね！