3 In A Row - Educational Matching & Math Game

Seele01-Flash
By
3 In A Row is an innovative educational game that combines memory matching challenges with math practice. Players flip cards to find matching symbols while strengthening mathematical skills from preschool to 8th grade level.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "3 In A Row (Memory & Math Challenge)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Clean, educational aesthetic utilizing a "School/Chalkboard" color palette. The background should be a dark slate grey texture (resembling a blackboard or dark felt table). * **Card Models**: Create 3D card assets using thin `BoxGeometry`. The "Back" face should be a textured grey with a subtle geometric pattern. The "Front" face should be bright yellow with clear, high-contrast central icons (use simple shapes or math symbols: square, circle, triangle, pi, plus, minus). * **Scene Setup**: Use a Fixed Top-Down Orthographic Camera to ensure consistent card sizes across the grid. Add soft ambient lighting plus a directional light to cast subtle shadows under the cards, giving them depth against the background. * **Performance**: Use instanced mesh rendering or merge geometries for the card grid to minimize draw calls on mobile devices. Textures should be low-resolution (e.g., 256x256) and compressed. * **Particles**: Implement a simple particle system (confetti or stars) that triggers when a set of 3 cards is successfully matched. ### 2. Audio Requirements * **BGM**: A calm, looped "Lo-Fi Study" or "Light Acoustic" track that aids concentration without being distracting. * **Sound Effects**: * **Card Flip**: A crisp "card snap" or "paper swoosh" sound. * **Match Success**: A positive, high-pitched "ding" or "chime" chord. * **Match Fail**: A low, soft "thud" or "buzzer" sound when cards flip back over. * **Math Phase**: A "pencil writing" sound when selecting answers, and a "cheer" sound for completing the quiz. ### 3. Gameplay Loop * **Phase 1: Memory Match (The Core)**: * The game starts by generating a grid of cards based on difficulty (e.g., Easy: 3x4, Medium: 4x6, Hard: 5x6). * **Unique Mechanic**: Unlike standard memory games, the player must match **3 cards** with the same symbol, not 2. * Logic: Player taps Card A (flips), Card B (flips), Card C (flips). * If A == B == C: Cards are removed or grayed out permanently. Score increases. * If mismatch: Pause for 0.5s, then flip all three back simultaneously. * **Phase 2: Math Challenge**: * Upon clearing the board, transition to a 2D UI Overlay. * Present 5 randomized math questions (Arithmetic: Addition/Subtraction for this prototype). * Win Condition: Answer all 5 questions to finish the level and log the total time. ### 4. Mobile Controls & Interaction * **Touch Input**: Implement `Raycaster` logic bound to `touchstart` events (not just `click`) to ensure zero-latency response on mobile screens. * **Responsive Grid**: The card grid layout must dynamically adjust columns and rows based on the device orientation (Portrait vs. Landscape) to keep cards large and tappable. * **Animations**: Use a tweening library (like GSAP or TWEEN.js) for smooth 180-degree card rotations. Do not use instant transitions. * **Haptics**: Trigger `navigator.vibrate(50)` on successful matches for tactile feedback. * **UI Zones**: Ensure the "Math Question" overlay buttons are at least 44x44 pixels and placed in the lower half of the screen for easy thumb reach. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About 3 In A Row

3 In A Row is a unique educational game that brilliantly combines memory training with math skill development. With a solid 4.3/5 rating , this engaging puzzle game offers the perfect balance between fun gameplay and educational value. Unlike traditional matching games, 3 In A Row requires players to find three matching symbols instead of pairs, adding an extra layer of challenge and excitement.

Core Features

Dual Learning Experience

This innovative game provides two distinct yet complementary learning experiences:

  • Memory Matching Component : Flip cards to find three matching symbols, testing your visual memory and pattern recognition skills
  • Math Practice Sessions : Answer mathematical questions between matching rounds to reinforce learning
  • Progressive Difficulty : Three challenge levels (easy, medium, hard) accommodate different skill levels

Comprehensive Math Curriculum

The game covers an extensive range of mathematical concepts:

  • Early Learning : Basic addition and subtraction for preschoolers
  • Elementary Skills : Multiplication, division, and number recognition
  • Advanced Topics : Fractions, decimals, and 8th-grade level mathematics
  • Adaptive Learning : Choose your grade level and specific skills to practice

Engaging Game Mechanics

  • Timed Challenges : Race against the clock to improve concentration and quick thinking
  • Score Tracking : Compete against your personal best scores for motivation
  • Flexible Difficulty : More cards on harder levels create bigger memory challenges
  • Educational Variety : Switch between different math skills as you progress

How to Play

Memory Matching Phase

  1. Click on cards to flip them over and reveal hidden symbols
  2. Find three matching symbols - not just pairs like traditional memory games
  3. Remember card positions to make matches more efficiently
  4. Clear all cards to complete the matching phase

Math Practice Phase

  1. Select your grade level from preschool through 8th grade
  2. Choose specific math skills you want to practice
  3. Answer 5 questions correctly to complete the math session
  4. Switch skills anytime if you need variety or different challenges

Strategy Tips

  • Start with corner and edge cards to build a mental map
  • Focus on one symbol type at a time when searching
  • Use the easier difficulty levels to warm up your memory
  • Practice regularly with different math skills for balanced learning

Why Play 3 In A Row

Perfect Educational Tool

This game serves as an excellent educational resource that makes learning enjoyable. Teachers and parents appreciate how it seamlessly integrates cognitive skill development with academic learning, making it perfect for:

  • Homework breaks that keep the mind engaged
  • Classroom activities that combine fun with learning
  • Skill reinforcement in a pressure-free environment
  • Multi-age learning with adjustable difficulty settings

Cognitive Benefits

  • Memory Enhancement : Strengthens visual and working memory
  • Pattern Recognition : Improves ability to identify matching elements
  • Mathematical Fluency : Builds confidence with numbers and operations
  • Focus Training : Develops sustained attention and concentration

Accessibility Features

  • Free to Play : Complete game experience at no cost
  • Mobile Friendly : Play on smartphones, tablets, and computers
  • No Download Required : Instant browser-based gameplay
  • All Ages Content : Safe and appropriate for any age group

Frequently Asked Questions (FAQ)