The French Connection - French Tile Matching Puzzle Game

Seele01-Flash
By
The French Connection is an addictive French-themed tile matching puzzle game featuring 60 challenging levels, beautiful French scenery backgrounds, and delicious French food tiles including macarons, croissants, and wine.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**The French Connection**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "2.5D" Orthographic Puzzle Game. The aesthetic should be cute, bright, and cartoon-style (Low-poly or flat-shaded), mimicking the "Kawaii" vector art style of the reference but with 3D depth. * **Camera:** Use an OrthographicCamera to maintain a consistent grid size without perspective distortion, angled slightly to show the depth/thickness of the tiles. * **Background:** A layered 3D background (parallax effect) depicting a stylized Paris scene. It should include a silhouette of the Eiffel Tower, soft clouds, and a pastel blue sky. * **Tiles (Game Pieces):** * Geometry: Rounded cubes (BoxGeometry with beveled edges) or flat tiles with slight thickness. * Textures: Each tile face must feature iconic French items: Macarons, Baguettes, Red Wine bottles, Croissants, Cheese, and Berets. * State Materials: Normal state (White), Selected state (Glowing Gold/Orange), Matched state (Fade out/Scale down). * **Particles:** When tiles are matched, emit "confetti" or "crumb" particle effects (simple PlaneGeometry with random colors) to provide juicy feedback. * **Optimization:** Use InstancedMesh for the tiles to ensure 60FPS on mobile devices. Use a Texture Atlas for all tile icons to reduce draw calls. ### 2. Audio Requirements * **BGM (Background Music):** A looping, relaxing "French Cafe" style track featuring a light Accordion and acoustic guitar. It should be upbeat but not distracting. * **Sound Effects (SFX):** * **Select:** A soft "Pop" or "Click" sound (wood block sound). * **Match:** A satisfying "Ding" or "Chime" (major chord). * **Invalid Move:** A subtle low-pitched "Thud" or soft buzzer. * **Level Clear:** A short Accordion flourish. * **Time Warning:** A ticking clock sound when the timer is under 10 seconds. ### 3. Gameplay Loop * **Genre:** Onet / Connect / Shisen-sho style tile-matching puzzle. * **Core Mechanism:** 1. The player taps Tile A to select it. 2. The player taps Tile B. 3. **Validation Logic:** If Tile A and Tile B have the same Icon AND can be connected by a line with **no more than two 90-degree turns** (standard Onet rules) through empty space, the match is valid. *Note: The original text says "no more than a 90-degree angle" (1 turn), but for better playability, please implement the standard 2-turn limit algorithm (BFS with turn counting).* 4. **Visual Feedback:** Draw a glowing line (LineGeometry) showing the path connecting the two tiles before they disappear. * **Win Condition:** Clear all tiles from the grid before the time runs out. * **Lose Condition:** Timer reaches zero. * **Scoring:** Points per match + Time Bonus remaining. * **Tools:** * **Hint:** Highlights a playable pair. * **Shuffle:** Rearranges remaining tiles if no moves are possible. ### 4. Mobile Controls & Interaction * **Touch Input:** Use `Raycaster` mapping to `touchstart` (for immediate response) rather than `click`. * **Orientation:** Portrait Mode (Vertical) preferred to allow one-handed play, with the Grid in the center/bottom and the Eiffel Tower art at the top. * **Grid Layout:** Dynamic grid generation (e.g., 6x8 or 8x10) that scales to fit the screen width with safe margins. * **UI Overlay (HTML/CSS):** * Top Bar: Current Score, Level Indicator. * Side/Bottom Bar: Timer (visual progress bar), Pause Button. * Buttons: "Hint" and "Shuffle" buttons must be at least 44x44px for touch accessibility. * **Haptics:** Trigger `navigator.vibrate(50)` on a successful match for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About The Game

The French Connection is a delightful tile matching puzzle game that combines the charm of French culture with engaging puzzle gameplay. With a solid 3.2/5 rating from players, this game offers hours of entertainment through its 60 carefully crafted levels. Set against beautiful French backdrops including cafes, parks, and the iconic Eiffel Tower, players must match colorful tiles decorated with French delicacies and landmarks.

Core Features

Authentic French Theme

Immerse yourself in French culture with stunning backgrounds featuring classic French scenery. From charming Parisian cafes to picturesque countryside parks, each level transports you to different corners of France.

Rich Tile Variety

The game features beautifully designed tiles showcasing: - French Cuisine : Delicious macarons, crusty French bread, fine red wines, and buttery croissants - Iconic Landmarks : The majestic Eiffel Tower, rustic barns, and traditional windmills - Cultural Elements : Various French symbols and architectural features

Progressive Challenge System

With 60 unique levels , the game offers: - Gradually increasing difficulty to keep you engaged - Time-based challenges that test your speed and accuracy - Score tracking system to monitor your progress - Competitive leaderboards to compare with other players

Cross-Platform Compatibility

  • Completely free to play with no hidden costs
  • HTML5 technology ensures smooth gameplay across all devices
  • Perfect for both desktop and mobile gaming
  • No downloads required - play instantly in your browser

Gameplay Mechanics

The French Connection follows classic tile matching rules with a strategic twist. Players must identify pairs of matching tiles and clear them from the board, but there's a catch - tiles can only be matched if there's a clear path between them with no more than a 90-degree angle.

Strategic Elements

  • Path Planning : Think ahead to ensure tiles can be connected
  • Time Management : Race against the clock to complete each level
  • Pattern Recognition : Quickly identify matching pairs among diverse French-themed tiles
  • Score Optimization : Aim for high scores through efficient matching

How to Play

Basic Controls

  • Click/Tap : Select matching tiles to remove them from the board
  • Path Rule : Ensure selected tiles have a clear connection path with maximum 90-degree turns
  • Menu Access : Use the pause button to access game options

Game Interface

The right-side panel displays: - Current level progress - Your accumulated score - Remaining time for the level - Game control options (pause, restart, hint) - Sound and music toggle settings

Helpful Features

  • Hint System : Get assistance when stuck on challenging patterns
  • Restart Option : Start over if you want to improve your score
  • Pause Function : Take breaks without losing progress
  • Score Submission : Compare your achievements with global players

Why Play The French Connection

Perfect for Puzzle Lovers

If you enjoy brain teasers and matching games, The French Connection offers the perfect blend of strategy and relaxation. The French theme adds cultural richness to traditional tile matching gameplay.

Suitable for All Ages

Tagged as an "Easy" game, it's accessible to beginners while still providing enough challenge to keep experienced puzzle enthusiasts engaged. The progressive difficulty ensures everyone can enjoy the experience.

Cultural Learning Experience

While having fun, players also get exposed to French culture, landmarks, and cuisine, making it both entertaining and educational.

Stress-Free Gaming

The charming French aesthetic and soothing gameplay make it an excellent choice for unwinding after a busy day. The absence of violent content makes it suitable for family gaming sessions.

Frequently Asked Questions (FAQ)