Polygon Master - Free Online Puzzle Game

Seele01-Flash
By
Polygon Master is a creative puzzle game where you craft beautiful artwork using colorful geometric shapes. Challenge your spatial reasoning skills while creating stunning visual masterpieces.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Polygon Master". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly aesthetic with flat shading (MeshBasicMaterial or MeshToonMaterial). The art style should mimic papercraft or origami. * **Main Asset (The Puzzle):** A 3D model of a Watermelon slice (as seen in the reference) broken into distinct polygonal fragments. * **Base Layer:** A white or grey silhouette of the object containing numbered slots (e.g., "7", "12", "20") representing the empty sockets. * **Puzzle Pieces:** Individual, colorful polygonal meshes that match the shape of the empty sockets. * **3D Detail:** Use `ExtrudeGeometry` for the puzzle pieces to give them slight thickness/depth, making them look like physical tiles rather than 2D stickers. * **Background:** A clean, soothing solid color (soft beige or pale blue) or a subtle gradient to maintain focus on the puzzle. * **Camera:** Use an `OrthographicCamera` positioned directly top-down (or slightly isometric) to ensure the puzzle shapes are not distorted by perspective, making matching easier on small screens. * **Performance:** Keep polygon count low. Use instanced rendering if there are many identical decorative elements, though unique puzzle pieces should be individual meshes. ### 2. Audio Requirements * **BGM:** A relaxing, Zen-like ambient track. Think soft acoustic guitar or minimal piano with a slow tempo to encourage stress relief. * **Sound Effects (SFX):** * **Pickup:** A soft "pop" or paper-rustling sound when a piece is lifted. * **Snap (Success):** A satisfying, crisp "click" or wooden block sound when a piece locks into the correct position. * **Completion:** A harmonious harp strum or magical chime when the entire image is completed. * **UI:** Soft clicks for button presses; no harsh noises. ### 3. Gameplay Loop * **Setup:** The player is presented with the "Base Layer" (the incomplete wireframe/numbered outline) in the center of the screen. A "Tray" area at the bottom contains the scattered, colorful polygon pieces. * **Core Mechanic:** * **Drag & Drop:** The player drags a piece from the bottom tray to the main canvas. * **Matching:** The player must match the shape and/or number of the piece to the corresponding hole on the Base Layer. * **Magnetic Snap:** When a piece is released near its correct target (within a generous threshold), it should automatically snap into place with a visual "flash" effect. * **Rejection:** If released over the wrong spot, the piece should gently float back to the tray. * **Win Condition:** Successfully filling all empty slots completes the artwork. The final model should do a small celebration animation (e.g., a 360-degree spin or a pulse/glow effect) before a "Level Complete" modal appears. ### 4. Mobile Controls & Interaction * **Touch Input Handling:** * Use `Raycaster` mapping to touch events (`touchstart`, `touchmove`, `touchend`). * **Visual Offset:** When dragging a piece, render the piece slightly *above* the user's fingertip (Y-axis offset) so the user's finger doesn't obscure the shape they are trying to place. * **Z-Index Lift:** When a piece is picked up, animate its Z-position to rise slightly towards the camera, casting a dynamic shadow to indicate it is "floating." * **Screen Adaptation:** * **Portrait Mode:** Optimize for vertical layout. Puzzle in the top 2/3rds, scrollable piece tray in the bottom 1/3rd. * **Piece Tray:** The bottom area containing unused pieces should be horizontally scrollable if there are too many pieces to fit on one screen. * **Haptic Feedback:** Trigger a short, light vibration (using `navigator.vibrate` if available) exactly when a piece snaps into the correct slot to enhance tactile feel. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Polygon Master is an innovative puzzle game that combines creativity with logical thinking. This engaging brain game challenges players to create stunning artwork by strategically placing colorful polygon pieces in their correct positions. With its intuitive drag-and-drop mechanics and progressively challenging levels, Polygon Master offers hours of relaxing yet stimulating gameplay.

Core Features

Creative Polygon Art Creation

Transform simple geometric shapes into beautiful, complex artwork. Each puzzle presents a unique design challenge, from basic hexagonal patterns to intricate representations of fruits, animals, and abstract art.

Progressive Difficulty System

The game starts with simple shapes and gradually introduces more complex designs. This progressive difficulty ensures that both beginners and experienced puzzle enthusiasts can enjoy the game at their own pace.

Relaxing Gameplay Experience

Polygon Master is designed to be a stress-free, meditative experience. The soothing process of placing colorful pieces creates a calming effect while simultaneously exercising your brain.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. Whether you're using a desktop computer, tablet, or smartphone, Polygon Master adapts perfectly to your screen size and input method.

Complete Freedom to Play

This is a completely free-to-play puzzle game with no hidden costs, subscriptions, or paywalls. Access all levels and features without any payment requirements.

Gameplay Mechanics

The core gameplay revolves around spatial reasoning and pattern recognition. Each level presents a silhouette or outline of an image, and you must fill it by placing the correct polygon pieces. The challenge lies in identifying which piece belongs where, testing your visual perception and logical thinking skills.

Puzzle Categories

  • Basic Shapes : Start with simple geometric patterns
  • Nature Themes : Create images of fruits, flowers, and landscapes
  • Animal Designs : Assemble colorful animal silhouettes
  • Abstract Art : Challenge yourself with complex artistic compositions

Operation Guide

Mastering Polygon Master is straightforward with these simple controls:

Desktop Controls: - Click and Hold : Select a polygon piece - Drag : Move the selected piece to the desired location - Release : Drop the piece into position

Mobile Controls: - Touch and Hold : Select any polygon piece - Drag : Move the piece across the screen - Release : Place the piece in the correct spot

The game provides visual feedback when pieces are correctly placed, helping you understand the overall image as you progress.

Why Play Polygon Master

Brain Training Benefits

Polygon Master serves as an excellent brain training tool, improving: - Spatial awareness : Understand how shapes fit together - Pattern recognition : Identify visual relationships quickly - Problem-solving skills : Develop logical thinking approaches - Concentration : Focus on detailed visual elements

Stress Relief and Relaxation

The game's meditative nature makes it perfect for unwinding after a busy day. The satisfaction of completing beautiful artwork provides a sense of accomplishment while reducing stress.

Educational Value

While entertaining, Polygon Master also offers educational benefits, particularly in geometry and visual arts. Players naturally learn about shapes, colors, and spatial relationships.

Accessibility for All Ages

With its simple controls and scalable difficulty, Polygon Master welcomes players of all ages and skill levels. Children can develop cognitive skills while adults enjoy a challenging mental workout.

No Time Pressure

Unlike many puzzle games, Polygon Master allows you to work at your own pace. There are no timers or penalties, making it perfect for relaxed, thoughtful gameplay sessions.

Frequently Asked Questions (FAQ)