Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Azuchinan (cat)'s game | AI game creator

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

No:3657

1751

←

Prev Next

→

Azuchinan (cat)
Developer User3655｜Date and time 23/6/26 0:24:42
Build time 33.135 sec｜Game capacity 3.362KB｜

Script

はい、了解しました。以下はサンプルプログラムとなります。

スマホゲーム

スコア: 0

このプログラムは、スマホで遊べる簡単なゲームです。プレイヤーは「プレイする」ボタンを押すと、1分間タイマーがスタートし、スマホ画面上にランダムに出現するエモジをクリックしてスコアを稼ぎます。1分間が経過するか、すべてのエモジがクリックされた場合は、スコアが表示され、再度「プレイする」ボタンを押してゲームをリスタートできます。エモジは、ランダムに出現し、ランダムに移動しながら画面上を移動します。エモジをクリックすると10点のスコアが加算されます。

←

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 {
			font-size: 2rem;
			text-align: center;
			margin: 0;
		}
		#game_area {
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		#game_area button {
			margin-top: 1rem;
			padding: 1.5rem 3rem;
			font-size: 1.5rem;
			cursor: pointer;
			border-radius: 0.5rem;
			background-color: #47c9af;
			color: white;
			border: none;
			box-shadow: 0 0.5rem #249880;
		}
	</style>
</head>
<body>
	<div id="game_area">
		<h1>スマホゲーム</h1>
		<p id="score">スコア: 0</p>
		<button id="play">プレイする</button>
	</div>
	<script>
		// 初期化
		let score = 0;
		let playing = false;
		let timer = null;

// プレイヤーがボタンをクリックしたときの処理
		document.getElementById('play').addEventListener('click', function() {
			if (!playing) {
				playing = true;
				timer = setInterval(function() {
					// スコアを加算して表示
					score++;
					document.getElementById('score').textContent = 'スコア: ' + score;

// ランダムに出現するエモジを操作
					const emojis = document.querySelectorAll('.emoji');
					if (emojis.length > 0) {
						const index = Math.floor(Math.random() * emojis.length);
						const emoji = emojis[index];
						emoji.style.left = Math.floor(Math.random() * (window.innerWidth - emoji.clientWidth)) + 'px';
						emoji.style.top = Math.floor(Math.random() * (window.innerHeight - emoji.clientHeight)) + 'px';
					} else {
						clearInterval(timer);
						alert('ゲームクリア！スコアは' + score + '点です！');
						score = 0;
						document.getElementById('score').textContent = 'スコア: ' + score;
						playing = false;
					}
				}, 1000);
			}
		})

// エモジをクリックしたときの処理
		document.addEventListener('click', function(e) {
			if (playing && e.target.classList.contains('emoji')) {
				e.target.remove();
				score += 10;
				document.getElementById('score').textContent = 'スコア: ' + score;
			}
		})

// エモジを自動生成
		setInterval(function() {
			if (playing) {
				const emoji = document.createElement('span');
				emoji.classList.add('emoji');
				emoji.textContent = '😀';
				emoji.style.position = 'fixed';
				emoji.style.left = Math.floor(Math.random() * (window.innerWidth - emoji.clientWidth)) + 'px';
				emoji.style.top = Math.floor(Math.random() * (window.innerHeight - emoji.clientHeight)) + 'px';
				document.body.appendChild(emoji);
			}
		}, 2000);
	</script>
</body>
</html>