サイバー神経衰弱（Memory Flip）について
「サイバー神経衰弱」は、古典的なトランプゲーム「神経衰弱（Concentration / Memory）」を、サイバー調のグラフィックと制限時間＆タイムボーナスルールでアレンジした記憶力脳トレWebパズルゲームです。16枚（8ペア）の裏返されたカードを2枚ずつめくり、同じ絵柄（アイコン）を揃えてクリアを目指します。
詳しい操作方法とルール
操作方法
- PC / スマホ： めくりたいカードをクリックまたはタップします。2枚目をめくると自動的に判定が行われます。
スコアとボーナスルール
- ペア成功： ＋100点加算され、そのカードは開いたまま固定されます。
- お手付き（不一致）： －10点減点され、1秒後にカードが自動的に裏返ります。
- タイムボーナス： 全8ペアを揃えてクリアすると、残り秒数×10点の大量ボーナスが最終スコアに加算されます！
記憶力をブーストするハイスコア攻略テクニック
- グリッドの「行」ごとに記憶する： 16枚をランダムに覚えようとせず、「1段目の左から2番目はHTML5アイコン」「2段目の右端はReact」のように場所とセットで暗記します。
- すでに開いたカードの場所を優先して狙う： まだ1度も開いていないカードを当てずっぽうで開くのではなく、一度めくって覚えているカードと同じペアが出た瞬間に迷わず取ります。
- スピード勝負： タイムボーナスの配点が非常に高いため、多少のお手付きを恐れず素早くめくって全体の配置を把握するのが高得点のコツです。
AIペアプログラミング開発エピソード＆プロンプト
CSS 3D Transform（`preserve-3d` と `rotateY`）を活用したリアルなカードめくりアニメーションと、2枚めくった際のお手付きロック状態（`lockBoard` フラグ制御）の実装をAIペアプログラミングで構築しました。
【使用した開発プロンプトの例】
「HTML5/CSS3/JSでカードの3Dフリップ演出（perspective, transform: rotateY(180deg)）を伴う神経衰弱ゲームを作成してください。
要件:
1. 16枚（8種類×2）の配列要素をダッセンフェルド（Fisher-Yates）アルゴリズムでシャッフルすること
2. 2枚開いた際の不一致時、1秒間フリップアニメーションを見せてから戻す lockBoard フラグ制御
3. 制限時間カウントダウンと、クリア時の残りタイム×10点ボーナス計算ロジックを入れること」
おすすめの他のブラウザゲーム