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

No:4331

706

Animal pictograms move at high speed across the sc..ALL
Developer User3771｜Date and time 23/6/27 20:04:49
Build time 69.339 sec｜Game capacity 5.641KB｜

こんにちは！ゲームの制作リクエストをありがとうございます。理解しました。以下は私が考えたスマホ用のゲームです。タイトル：Emojiハンターゲームの説明：動物の絵文字たちが画面内を高速で動いています。プレイヤーはタップで絵文字を狩り、肉に変えることができます。肉の量が少ないとゲームオーバーとなり、肉の量が多いほど得点が高くなります。ゲームのルール： 1. 制限時間は60秒です。 2. 絵文字をタップすると絵文字が肉に変化します。 3. 絵文字を見逃すと肉が取れず、肉の量が減ってしまいます。 4. 肉の量が0になるとゲームオーバーです。 5. 肉の量が多いほど得点が高くなります。 6. 終了時にはスコアが表示されます。以上がゲームのルールです。JavaScriptを用いて実装した1枚のHTMLファイルを用意しました。以下のコードをご確認ください。

Emojiハンター

制限時間: 秒

肉の量: 個

以上がゲームの実装内容です。絵文字を狩って肉に変えるゲームになっています。スマホで遊べるように、タッチイベントにも対応しています。よろしくお願いします！

→ 　

1　

1　

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

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

(C)2023 HisashiApp

こんにちは！ゲームの制作リクエストをありがとうございます。理解しました。以下は私が考えたスマホ用のゲームです。

タイトル：Emojiハンター

ゲームの説明：

動物の絵文字たちが画面内を高速で動いています。プレイヤーはタップで絵文字を狩り、肉に変えることができます。肉の量が少ないとゲームオーバーとなり、肉の量が多いほど得点が高くなります。

ゲームのルール：

1. 制限時間は60秒です。
2. 絵文字をタップすると絵文字が肉に変化します。
3. 絵文字を見逃すと肉が取れず、肉の量が減ってしまいます。
4. 肉の量が0になるとゲームオーバーです。
5. 肉の量が多いほど得点が高くなります。
6. 終了時にはスコアが表示されます。

以上がゲームのルールです。JavaScriptを用いて実装した1枚のHTMLファイルを用意しました。以下のコードをご確認ください。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Emojiハンター</title>
</head>
<body>
	<h1>Emojiハンター</h1>
	<p>制限時間: <span id="countdown"></span>秒</p>
	<p>肉の量: <span id="score"></span>個</p>
	
	<div id="canvasArea" style="width: 100%; height: 80vh; background-color: #F5F5F5; border: 1px solid black;"></div>
	
	<script>
		// 画面サイズ
		const width = window.outerWidth;
		const height = window.outerHeight * 0.8;

// キャンバスを生成
		const canvas = document.createElement('canvas');
		canvas.width = width;
		canvas.height = height;
		canvas.style.backgroundColor = 'white';

// ゲームエリアにキャンバスを追加
		const canvasArea = document.getElementById('canvasArea');
		canvasArea.appendChild(canvas);

// 描画用のコンテキストを取得
		const ctx = canvas.getContext('2d');

// 絵文字配列
		const emojis = ['🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼', '🐨', '🐯', '🦁'];

// 変数の初期化
		let score = 10;
		let timer = 60;
		let intervalId;
		let isGameOver = false;

// 絵文字の動きや位置を管理するクラス
		class Emoji {
			constructor(x, y, size) {
				this.x = x;
				this.y = y;
				this.size = size;
				this.emoji = emojis[Math.floor(Math.random() * emojis.length)];
			}

move() {
			    this.y += 10;
			}

draw() {
			    ctx.beginPath();
			    ctx.font = `${this.size}px serif`;
			    ctx.fillText(this.emoji, this.x, this.y);
			}

isTapped(x, y) {
				const distance = Math.sqrt(Math.pow(x - this.x, 2) + Math.pow(y - this.y, 2));
				return distance <= this.size;
			}
		}

// 絵文字を管理する変数
		let emojiArray = [];

// 絵文字を生成する関数
		function createEmoji() {
			const x = Math.floor(Math.random() * width) - 50;
			const y = -50;
			const size = Math.floor(Math.random() * 40) + 20;
			const emoji = new Emoji(x, y, size);
			emojiArray.push(emoji);
		}

// 絵文字の描画、移動を管理する関数
		function draw() {
			if (isGameOver) return; // ゲームオーバー時は描画を終了

// キャンバスをクリア
			ctx.clearRect(0, 0, width, height);

for (let i = 0; i < emojiArray.length; i++) {
				const emoji = emojiArray[i];

// 絵文字を描画
				emoji.draw();

// 絵文字を移動
				emoji.move();

// 絵文字が画面下に出たら絵文字を削除
				if (emoji.y - emoji.size > height) {
					emojiArray.splice(i, 1);
					i--;
					score--;
					if (score === 0) {
						gameOver();
					}
				}
			}

// スコアを更新
			document.getElementById('score').textContent = score;

// 指定時間ごとに絵文字を生成
			if (timer % 10 === 0) {
				createEmoji();
			}

timer--;

if (timer === 0) {
				gameOver();
			}
		}

// ゲームをスタートする関数
		function startGame() {
			// 初期化
			score = 10;
			timer = 60;
			emojiArray = [];
			isGameOver = false;

// カウントダウンを開始
			intervalId = setInterval(draw, 1000 / 60); // 60fpsで描画
			intervalId2 = setInterval(countDown, 1000);
			document.getElementById('score').textContent = score;
		}

// ゲームオーバー時の処理をする関数
		function gameOver() {
			isGameOver = true;

// 描画を終了
			clearInterval(intervalId);
			clearInterval(intervalId2);

// 終了時にはスコアが表示されます。
			alert(`スコア: ${score}`);
		}

// カウントダウンをする関数
		function countDown() {
			document.getElementById('countdown').textContent = timer;
		}

// タップされた時の処理をする関数
		function onTouch(event) {
			event.preventDefault();

if (isGameOver) return;

for (let i = 0; i < emojiArray.length; i++) {
				const emoji = emojiArray[i];
				if (emoji.isTapped(event.touches[0].clientX, event.touches[0].clientY)) {
					emojiArray.splice(i, 1);
                    score += 1;
				}
			}
		}

// ゲームスタートボタンを追加
		const startButton = document.createElement('button');
		startButton.textContent = 'START';
		startButton.addEventListener('click', () => {
			startGame();
		});
		canvasArea.appendChild(startButton);

// キャンバスにタッチイベントを追加
		canvas.addEventListener('touchstart', onTouch);
	</script>
</body>
</html>
```

以上がゲームの実装内容です。絵文字を狩って肉に変えるゲームになっています。スマホで遊べるように、タッチイベントにも対応しています。

よろしくお願いします！