neurasthenia's game | AI game creator

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

No:4336

3021

neurasthenia
Developer User3770｜Date and time 23/6/27 20:09:39
Build time 41.889 sec｜Game capacity 3.794KB｜

神経衰弱は、トランプゲームの1つで、同じ数字や同じ絵柄のカードを揃えていくゲームです。私が実装した神経衰弱は、以下のような仕様です。 - トランプのカードを52枚表示する。 - カードを2枚ずつめくり、同じ数字や同じ絵柄であればそのカードを取り除く。 - カードを全て取り除いたらクリアとし、再度プレイすることができる。 - カードをめくる操作は、画面をタップまたはクリックすることで行う。 JavaScriptの実装は以下のようになります。

このプログラムを実行すると、トランプのカードが画面に表示されます。画面をタップまたはクリックすることで、カードをめくることができます。同じ数字や同じ絵柄のカードを揃えると、そのカードは取り除かれます。すべてのカードを取り除くとクリアとなり、再度プレイすることができます。

→ 　

2　

2　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

神経衰弱は、トランプゲームの1つで、同じ数字や同じ絵柄のカードを揃えていくゲームです。私が実装した神経衰弱は、以下のような仕様です。

- トランプのカードを52枚表示する。
- カードを2枚ずつめくり、同じ数字や同じ絵柄であればそのカードを取り除く。
- カードを全て取り除いたらクリアとし、再度プレイすることができる。
- カードをめくる操作は、画面をタップまたはクリックすることで行う。

JavaScriptの実装は以下のようになります。

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>神経衰弱</title>
	<style>
		.card {
			width: 80px;
			height: 120px;
			background-color: white;
			border: 1px solid black;
			float: left;
			margin: 5px;
			text-align: center;
			font-size: 24px;
			line-height: 120px;
			cursor: pointer;
		}
	</style>
	<script>
		// カードのデータを作成
		var cards = [];
		for (var i = 0; i < 52; i++) {
			cards[i] = {
				num: i % 13 + 1,
				suit: Math.floor(i / 13)
			};
		}

// シャッフル関数
		function shuffle(array) {
			for (var i = array.length - 1; i > 0; i--) {
				var j = Math.floor(Math.random() * (i + 1));
				var temp = array[i];
				array[i] = array[j];
				array[j] = temp;
			}
			return array;
		}

// カードをめくる処理
		var firstCard = null;
		var secondCard = null;
		function flipCard(index) {
			var card = document.getElementById(index);

// めくったカードの表示
			card.textContent = cards[index].num;
			switch (cards[index].suit) {
				case 0:
					card.innerHTML += '♠️';
					break;
				case 1:
					card.innerHTML += '♥️';
					break;
				case 2:
					card.innerHTML += '♦️';
					break;
				case 3:
					card.innerHTML += '♣️';
					break;
			}

// 1枚目のカードめくり
			if (firstCard == null) {
				firstCard = card;
			}
			// 2枚目のカードめくり
			else {
				secondCard = card;
				// 同じカードが選択された場合
				if (firstCard.id == secondCard.id) {
					secondCard = null;
					return;
				}
				// 数字が一致している場合
				if (cards[firstCard.id].num == cards[secondCard.id].num) {
					firstCard.removeEventListener('click', clickEvent);
					secondCard.removeEventListener('click', clickEvent);
					firstCard.style.backgroundColor = 'gray';
					secondCard.style.backgroundColor = 'gray';
				}
				// 数字が一致していない場合
				else {
					setTimeout(function() {
						firstCard.textContent = '';
						secondCard.textContent = '';
						firstCard.style.backgroundColor = 'white';
						secondCard.style.backgroundColor = 'white';
					}, 1000);
				}
				firstCard = null;
				secondCard = null;
			}
		}

// クリックイベントの設定
		function clickEvent(e) {
			flipCard(e.target.id);
		}

// ゲームの初期化
		function init() {
			cards = shuffle(cards);
			var gameBoard = document.getElementById('gameBoard');
			for (var i = 0; i < 52; i++) {
				var card = document.createElement('div');
				card.id = i;
				card.className = 'card';
				card.style.backgroundColor = 'white';
				gameBoard.appendChild(card);
				card.addEventListener('click', clickEvent);
			}
		}

window.onload = init;
	</script>
</head>
<body>
	<div id="gameBoard"></div>
</body>
</html>
```

このプログラムを実行すると、トランプのカードが画面に表示されます。画面をタップまたはクリックすることで、カードをめくることができます。同じ数字や同じ絵柄のカードを揃えると、そのカードは取り除かれます。すべてのカードを取り除くとクリアとなり、再度プレイすることができます。