Family Tree! - Logic Puzzle Game

Seele01-Flash
By
Family Tree! is an engaging brain-boosting logic puzzle game that combines genealogy mysteries with captivating gameplay. Solve word puzzles, uncover family secrets, and build thriving towns while training your memory and focus.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Family Tree! Logic Puzzle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Minimalist, "Hyper-Casual" 3D aesthetic. Use a clean, bright color palette (pastels for background, high contrast for active elements). * **Key Assets:** * **Character Tokens:** Create 3D coin-like cylinders or rounded tiles representing family members. Each token should display a simple white silhouette icon (male/female/child) similar to the reference image. * **The Tree Board:** A 3D board or floating plane containing empty "slots" (circular depressions) connected by lines (tubes or flat mesh lines) representing relationships. * **The Town (Background):** A low-poly, decorative background environment at the bottom of the screen. As levels progress, simple houses or trees pop up (instanced meshes for performance). * **Optimization:** Use basic geometries (CylinderGeometry, BoxGeometry) rather than imported models to ensure fast loading on mobile. Use simple Lambert or Phong materials. ### 2. Audio Requirements * **BGM:** A calm, "pizzicato" string or soft marimba soundtrack that encourages thinking and focus. It should be unobtrusive and loop seamlessly. * **SFX:** * **Pick Up:** A soft "whoosh" or suction sound when lifting a token. * **Snap/Place:** A satisfying wooden "clack" or "pop" when a token is dropped into a slot. * **Success:** A cheerful chime or major chord arpeggio when a family branch is correctly completed. * **Error:** A gentle, low-pitched thud or vibration sound if a token is placed in an invalid slot. ### 3. Gameplay Loop * **Setup:** The player is presented with a partially empty family tree structure and a "pool" of character tokens at the bottom of the screen. * **The Logic:** Display simple text clues at the top (e.g., "Arthur is the father of two"). * **Action:** The player must drag character tokens from the pool and drop them into the correct empty slots on the tree based on the lines connecting them. * **Validation:** * Immediate Feedback: If the token matches the slot's logic (e.g., gender requirement), it snaps in. * Win Condition: When all slots are filled correctly, confetti particles explode, the "Town" in the background grows slightly, and the "Next Level" button appears. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** (Vertical) is mandatory for one-handed play. * **Touch Input:** * Implement Raycasting for `touchstart`, `touchmove`, and `touchend` events. * **Drag & Drop:** The core mechanic. When the user touches a token, it should slightly scale up (1.2x) and float above the board (y-axis lift) to ensure visibility under the user's finger. * **Hit Testing:** The drop zones (slots) must have a larger invisible collider than their visual representation to make dropping easier on small screens. * **Camera:** A fixed isometric or slightly angled top-down orthographic camera to ensure the UI and 3D elements don't distort. * **Feedback:** If the device supports it (`navigator.vibrate`), trigger a short vibration (haptic feedback) when a token snaps into a slot. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Family Tree! is a unique logic puzzle game that transforms genealogy into an exciting adventure. This brain-boosting experience challenges players to piece together family histories through clever clues and word puzzles. As you unlock intricate family branches, you'll not only solve mysteries but also build thriving towns and discover long-lost ancestral secrets.

The game expertly combines elements of mystery-solving, town-building, and cognitive training into one captivating package that appeals to puzzle enthusiasts of all ages.

Core Features

Mind-Sharpening Gameplay

Family Tree! is designed to enhance your cognitive abilities while providing entertainment. The game focuses on:

  • Memory Training : Remember family connections and relationships across generations
  • Logic Development : Use deductive reasoning to solve complex family puzzles
  • Focus Enhancement : Maintain concentration while piecing together intricate family stories
  • Pattern Recognition : Identify connections between family members through visual and textual clues

Immersive Story Experience

Each puzzle reveals fascinating stories about ancestors, creating an emotional connection between players and the families they're reconstructing. The narrative unfolds naturally as you progress, making each solved puzzle feel meaningful and rewarding.

Town Building Elements

As you successfully solve family mysteries, you'll contribute to building and expanding virtual towns. This progression system provides tangible rewards for your puzzle-solving efforts and adds a strategic layer to the gameplay.

Multi-Generational Puzzles

The game spans multiple generations, offering increasingly complex family trees that challenge your ability to track relationships across time periods.

Game Mechanics

Puzzle Solving System

The core gameplay revolves around analyzing clues to determine family relationships. You'll encounter:

  • Visual Clues : Character silhouettes and family portraits that provide hints about relationships
  • Word Puzzles : Text-based challenges that reveal family member names and connections
  • Logic Chains : Sequential puzzles where solving one mystery unlocks the next family branch

Progressive Difficulty

Family Tree! starts with simple family connections and gradually introduces more complex multi-generational puzzles. This carefully crafted difficulty curve ensures players remain engaged while continuously challenging their problem-solving abilities.

Operation Guide

The game features intuitive controls designed for both desktop and mobile play:

  • Click and Hold : The primary interaction method for moving items and family member icons
  • Drag and Drop : Arrange family members in their correct positions on the family tree
  • Tap Interactions : Access clues, hints, and additional information about family members
  • Zoom Controls : Navigate large family trees by zooming in and out for detailed examination

Getting Started Tips

  1. Begin by examining all available clues before making connections
  2. Start with the most obvious relationships and work toward complex ones
  3. Use the process of elimination when multiple options seem possible
  4. Pay attention to visual details in character silhouettes for additional hints

Why Play This Game

Cognitive Benefits

Family Tree! offers genuine brain training benefits through engaging puzzle mechanics. Regular play can improve memory retention, logical reasoning, and pattern recognition skills.

Relaxing Yet Challenging

The game strikes an perfect balance between mental stimulation and relaxation. The family-focused theme creates a warm, welcoming atmosphere while the puzzles provide satisfying intellectual challenges.

Cross-Generational Appeal

Designed as a family-friendly experience, Family Tree! can be enjoyed by players of all ages. Younger players develop logical thinking skills, while adults can enjoy the nostalgic appeal of genealogy exploration.

No Pressure Gaming

Unlike competitive puzzle games, Family Tree! allows players to progress at their own pace without time pressures or competitive elements. This makes it ideal for stress-free gaming sessions.

Free and Accessible

The game is completely free to play through web browsers, requiring no downloads or installations. This accessibility ensures anyone can start playing immediately without barriers.

Frequently Asked Questions (FAQ)