Onet Connect Classic - Animal Tile Matching Game

Seele01-Flash
By
Onet Connect Classic is a charming tile-matching puzzle game where you connect pairs of cute animals using straight lines. With simple click-to-play mechanics and adorable animal characters, it's perfect for puzzle lovers of all skill levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Onet Connect Classic". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A 2.5D or top-down 3D view. The game should feature a grid of "Tile" objects floating against a deep space background (referencing the "void" description). * **The Tiles**: Create rounded 3D cubes (BoxGeometry with beveled edges). Instead of loading external image files, use `CanvasTexture` to programmatically draw cute animal faces (e.g., using Emojis like ??, ??, ??, ??, ??, ??) on the top face of the cubes. The tile sides should be a neutral cream or white color. * **The Background**: A dark, mysterious "Void" background (dark blue/black hex #050510). Add a `Points` system with slowly rotating white particles to simulate a starfield. * **Effects**: * **Selection**: When a tile is tapped, it should lift slightly (+y axis) and emit a soft glow/outline. * **Connection Line**: Use a `Line` or `TubeGeometry` with a glowing material to draw the path between matched tiles before they disappear. * **Vanishing**: When matched, tiles should scale down to 0 and spawn a small particle explosion. * **Performance**: Limit the grid size (e.g., 6x8 or 8x10) based on screen aspect ratio. Use instanced mesh if possible, or simple geometries to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A relaxing, looping track with a "space-cute" vibe. Think marimba or soft synthesizer sounds (generative audio or placeholder comment). * **SFX**: * **Select**: A soft "click" or "pop" sound. * **Match Success**: A satisfying, high-pitched chime or bubble pop sound. * **Match Fail**: A low-pitched "buzzer" or "thud". * **Game Over**: A descending electronic scale. ### 3. Gameplay Loop * **Setup**: Generate an even number of tiles. Shuffle pairs of animal types randomly onto the grid. Ensure the puzzle is solvable (or implement a shuffle mechanism if no moves remain). * **Core Mechanic (Onet Logic)**: 1. Player taps Tile A (select). 2. Player taps Tile B. 3. **Validation**: * Do Tile A and Tile B have the same animal icon? * Is there a clear path between them? * **Pathfinding Rule**: The path must consist of **orthogonal lines only** (horizontal/vertical). The path cannot pass through other tiles. The path may turn a **maximum of 2 times** (3 line segments max). The path can go "outside" the grid boundary. 4. **Result**: If valid, draw the line, wait 200ms, then remove both tiles. If invalid, shake the tiles and deselect. * **Win Condition**: Clear all tiles from the board. * **Lose Condition**: A countdown timer (visualized as a shrinking bar at the top) reaches zero. ### 4. Mobile Controls & Interaction * **Camera**: Use an **OrthographicCamera** to prevent perspective distortion and make clicking precise across the grid. Fix the camera angle to look directly down (top-down view). * **Input**: Implement a `Raycaster` tied to `pointerdown` (touchstart) events. * Prevent default browser behaviors (zooming/scrolling) to ensure an app-like feel. * **Orientation**: Code should handle both Portrait and Landscape. * *Portrait*: Grid arranges more vertically (e.g., 6 columns x 8 rows). * *Landscape*: Grid arranges more horizontally (e.g., 8 columns x 6 rows). * Automatically scale the camera zoom so the entire grid fits within the screen with a 5% margin. * **UI Overlay**: HTML/CSS overlay for the Timer, Score, and a "Pause/Menu" button, ensuring touch targets are at least 44x44 pixels. The "Shuffle" button should be easily accessible. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Onet Connect Classic

Onet Connect Classic is a delightful tile-matching puzzle game that combines simple gameplay with charming animal characters. Rated 3.9/5 by players, this engaging brain teaser challenges you to connect matching animal pairs across the game board using straight-line paths. The game features adorable creatures scattered across the universe, waiting to be reunited through your puzzle-solving skills.

This HTML5 puzzle game offers instant entertainment without any downloads, making it perfect for quick gaming sessions on any device. The cute animal theme and straightforward mechanics make it accessible to players of all ages, while the strategic element keeps even experienced puzzle enthusiasts engaged.

Core Features

Free Online Gameplay

  • Completely Free : No payment required, play unlimited levels
  • Instant Play : HTML5 technology means no downloads or installations needed
  • Cross-Platform : Works perfectly on computers, tablets, and smartphones
  • Browser Compatible : Runs smoothly on all modern web browsers

Adorable Animal Theme

The game features a variety of cute animal characters that need to be connected and reunited. Each successful connection makes the animals disappear peacefully, opening up new strategic possibilities on the board.

Simple Yet Strategic Gameplay

  • Easy to Learn : Click on one animal, then click on its matching pair
  • Strategic Depth : Plan your moves carefully as the board becomes more complex
  • Line Connection Rules : Only straight lines that don't cross other animals are allowed
  • Progressive Challenge : Difficulty increases as you advance through levels

Relaxing Puzzle Experience

Unlike fast-paced action games, Onet Connect Classic provides a calming, meditative puzzle experience. Take your time to analyze the board and plan optimal connection strategies.

Game Mechanics

Connection Rules

The core gameplay revolves around connecting matching animal pairs with specific rules:

  • Straight Lines Only : Connections must be made with straight horizontal or vertical lines
  • No Diagonal Moves : You cannot connect animals diagonally
  • No Crossing : Connection lines cannot pass through other animals
  • Path Freedom : Lines can extend beyond the board boundaries for creative solutions

Board Dynamics

As you successfully connect animal pairs, they disappear from the board, creating new opportunities. This dynamic board state requires continuous strategy adjustment and forward planning.

How to Play

Basic Controls

  • Mouse Click : Click on any animal to select it
  • Second Click : Click on a matching animal of the same type to attempt connection
  • Visual Feedback : The game will show whether a valid connection path exists
  • Automatic Clearing : Successfully connected pairs automatically disappear

Winning Strategy Tips

  1. Survey the Board : Before making moves, scan for easy connections first
  2. Plan Ahead : Consider how removing certain pairs will affect future connections
  3. Use Board Edges : Remember that connection lines can extend outside the playing area
  4. Clear Obstacles : Prioritize removing animals that block multiple potential connections
  5. Stay Patient : Take time to find the optimal connection sequence

Why Play Onet Connect Classic

Perfect for Brain Training

This puzzle game provides excellent mental exercise, improving pattern recognition, spatial reasoning, and strategic planning skills. The progressive difficulty ensures continuous cognitive challenge without overwhelming complexity.

Stress-Free Gaming

Unlike competitive or time-pressured games, Onet Connect Classic offers a peaceful gaming environment. There's no timer counting down, no opponents to defeat – just you and the puzzle at your own pace.

Universal Appeal

The combination of cute animals, simple mechanics, and strategic depth makes this game appealing to: - Children : Easy to understand rules and adorable characters - Adults : Strategic depth and relaxing gameplay - Seniors : Clear visuals and simple controls - Casual Gamers : No commitment required, perfect for short breaks

Accessibility Features

The game is designed with accessibility in mind, featuring clear visual distinctions between different animals, simple point-and-click controls, and no complex key combinations required.

Frequently Asked Questions (FAQ)