Poly Art 3D - Relaxing 3D Polygon Puzzle Game

Seele01-Flash
By
Poly Art 3D is a mesmerizing 3D puzzle game where you rotate magical clouds of polygons to reveal beautiful low-poly artwork. Perfect for relaxation and mental exercise with stunning visual art.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Poly Art 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Low-poly art style with flat shading. The scene should feature a colorful, geometric aesthetic similar to stained glass or origami. * **The Model (The Puzzle)**: Since external assets cannot be loaded, procedurally generate a recognizable 3D shape (e.g., a Heart, a Star, or a Low-poly Diamond) composed of many distinct triangular faces (`THREE.MeshBasicMaterial` with different colors or `THREE.MeshPhongMaterial` for lighting depth). * **The "Scattered" Effect**: At the start, the individual polygons (faces) of the model should be visually "exploded" or scattered in 3D space (random positions and rotations), or the entire object should be rotated to a chaotic angle where the silhouette makes no sense. The visual goal is that from only **one specific camera angle**, the pieces align perfectly to form the coherent object. * **Lighting**: Soft ambient light paired with a directional light to create distinct highlights on the low-poly facets, enhancing the 3D depth perception. * **Background**: A clean, calming gradient background (e.g., soft cream to light pastel orange/green) to keep the focus on the puzzle pieces. ### 2. Audio Requirements * **BGM**: A generic placeholder for a relaxing, meditative ambient track (e.g., soft piano or lo-fi beat) to induce a "Zen" state. * **Sound Effects**: * **Rotation**: A subtle "whoosh" or wind sound based on the speed of the user's drag. * **Progress**: Soft clicking sounds when the player gets closer to the correct angle. * **Success**: A satisfying magical "chime" or glissando when the puzzle snaps into place. ### 3. Gameplay Loop * **Mechanic**: The "Magic Cloud" mechanic. The player rotates the cluster of polygons. The game calculates the deviation between the current rotation and the "target" perfect rotation. * **Win Condition**: When the user rotates the view/object to within a close threshold (e.g., < 5 degrees difference) of the target alignment: 1. The pieces should visually "snap" together (lerp to original positions/rotations). 2. A visual glow or particle effect triggers. 3. "Level Complete" text appears. * **Progression**: After a success, waiting 3 seconds resets the puzzle with a new random scatter/rotation. ### 4. Mobile Controls & Interaction * **Touch Controls**: Implement standard **1-finger drag to orbit/rotate**. The rotation should feel smooth and weighted. * **Technology**: Use `THREE.OrbitControls` but restrict it: * Disable Zoom (`enableZoom = false`). * Disable Pan (`enablePan = false`). * Enable Damping (`enableDamping = true`) to give the rotation momentum/inertia for a high-quality feel. * **Responsiveness**: The canvas must resize automatically on window resize. The UI (Level text, Success message) should be centered and large enough for mobile readability. * **Haptic Feedback**: If the browser supports the Vibration API, trigger a short vibration (`navigator.vibrate(200)`) upon solving the puzzle. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Poly Art 3D is an innovative and relaxing puzzle game that combines the beauty of low-polygon art with engaging 3D puzzle mechanics. In this visually stunning experience, you'll encounter scattered polygon pieces floating in space as a "magic cloud" that you must carefully rotate and manipulate to reveal complete artistic masterpieces.

The game offers a unique twist on traditional jigsaw puzzles by presenting them in three-dimensional space. Each level challenges you to think spatially and creatively as you work to reconstruct beautiful poly art images ranging from majestic animals to abstract geometric designs.

Core Features

Innovative 3D Puzzle Mechanics

Unlike traditional flat puzzles, Poly Art 3D presents challenges in three-dimensional space. You'll rotate and spin clouds of polygon fragments until they align perfectly to form complete images. This unique approach makes every puzzle feel fresh and engaging.

Stunning Low-Poly Artwork

Each completed puzzle reveals gorgeous low-polygon art featuring: - Majestic Animals : Lions, elephants, birds, and other wildlife rendered in beautiful geometric style - Abstract Designs : Colorful geometric patterns and artistic compositions - Natural Scenes : Landscapes and nature scenes with striking visual appeal

Relaxing Gameplay Experience

Designed as a stress-relief activity, the game offers: - No Time Pressure : Solve puzzles at your own pace without rushing - Soothing Visuals : Calming color palettes and smooth animations - Meditative Mechanics : The rotating motion creates a zen-like experience - Progressive Difficulty : Start simple and gradually face more complex challenges

Cross-Platform Accessibility

  • Free to Play : Complete game experience without any cost
  • No Download Required : Play instantly in your web browser
  • Universal Compatibility : Works perfectly on desktop computers, tablets, and smartphones
  • Touch and Mouse Support : Intuitive controls for any device

Game Mechanics

How Puzzles Work

Each level presents you with a scattered cloud of polygon pieces. Your task is to: 1. Observe the Shape : Look for clues about what the final image might be 2. Rotate Strategically : Spin the cloud in different directions to see how pieces align 3. Find the Sweet Spot : Discover the exact angle where all pieces form a complete picture 4. Enjoy the Reveal : Watch as the chaotic cloud transforms into beautiful art

Difficulty Progression

  • Beginner Levels : Simple shapes with fewer polygon pieces
  • Intermediate Challenges : More complex images requiring careful observation
  • Advanced Puzzles : Intricate designs that test your spatial reasoning skills

Controls and Operation

Desktop Controls

  • Mouse Drag : Click and drag to rotate the polygon cloud in any direction
  • Scroll Wheel : Zoom in and out to get better views of the puzzle
  • Right Click : Alternative rotation control for precise adjustments

Mobile Controls

  • Touch and Drag : Use finger gestures to spin the cloud naturally
  • Pinch to Zoom : Zoom in for detailed examination of polygon alignment
  • Intuitive Gestures : Smooth, responsive touch controls designed for mobile play

Tips for Success

  • Take your time to examine the cloud from multiple angles
  • Look for recognizable shapes or patterns within the scattered pieces
  • Try rotating slowly to catch the moment when pieces start to align
  • Use zoom to verify perfect alignment of smaller details

Why Play Poly Art 3D

Perfect for Mental Wellness

This game serves as an excellent tool for: - Stress Relief : The meditative rotation mechanics help calm busy minds - Mindfulness Practice : Focus entirely on the present moment while solving puzzles - Mental Exercise : Improve spatial reasoning and 3D visualization skills - Creative Inspiration : Appreciate the beauty of geometric art and design

Suitable for All Ages

  • Family Friendly : Appropriate content for children and adults alike
  • Educational Value : Develops spatial intelligence and problem-solving skills
  • Accessible Difficulty : Easy to learn but challenging to master
  • No Violent Content : Pure, peaceful puzzle-solving experience

Ideal Gaming Sessions

  • Quick Breaks : Solve a puzzle in just a few minutes during work breaks
  • Relaxing Evenings : Unwind after a long day with calming puzzle-solving
  • Travel Entertainment : Perfect for playing during commutes or waiting periods
  • Meditation Alternative : Use as a focus tool for mindful relaxation

Art and Visual Design

The game showcases the beauty of low-polygon (low-poly) art style, which uses minimal geometric shapes to create recognizable images. This artistic approach: - Creates clean, modern aesthetic appeal - Allows for smooth performance on any device - Emphasizes the mathematical beauty of geometric design - Makes each completed puzzle feel like a small artistic achievement

Frequently Asked Questions (FAQ)