Sketch - Memory Drawing Puzzle Game

Seele01-Flash
By
Sketch is a unique memory-based puzzle game that challenges your visual recall abilities. Study detailed images, then recreate them from memory using drawing tools and helpful hints.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Memory Sketcher**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, skeuomorphic "Artist's Desk" aesthetic. The camera should be a static PerspectiveCamera looking down at a slight angle (e.g., 15-20 degrees tilt) onto a textured paper surface. * **Key Models:** * **The Paper:** A simple plane with a high-quality grain/paper texture map. * **The Marker:** A low-poly 3D marker pen (like the blue one in the reference) that floats slightly above the paper and follows the user's touch/cursor position. It should tilt dynamically based on movement direction. * **The Ink:** Use `THREE.Line2` (fat lines) or custom mesh generation for lines to ensure they look like liquid ink (slightly rounded ends, variable thickness based on drawing speed). * **Guide Pins:** Small, 3D thumbtack-style pins that the user places. * **Performance:** Use baked shadows for the environment. Limit the line segments in the drawing trail to avoid memory spikes. Use a shared material for all UI elements. ### 2. Audio Requirements * **BGM:** A relaxing, lo-fi acoustic guitar or soft piano track (coffee shop ambience) to aid concentration and memory. * **Sound Effects (SFX):** * **UI:** Soft "pop" sound when selecting buttons. * **Pin Placement:** A corkboard "thud" or "sticking" sound. * **Drawing:** A satisfying, continuous "squeaky marker" or "scratching pencil" sound that loops while the user is dragging, changing pitch slightly with speed. * **Success:** A cheerful chime or a "check-mark" writing sound. * **Fail/Retry:** The sound of paper crumpling. ### 3. Gameplay Loop * **Phase 1: Memorization:** The target shape (e.g., a star, a house, a cat outline) fades in on the paper using a ghost/outline shader. A timer bar fills up. After 5 seconds, the ghost image disappears completely. * **Phase 2: Planning (Pinning):** The player taps the screen to place "Guide Pins" (dots) at locations where they remember key vertices or corners of the shape being. * **Phase 3: Execution (Drawing):** The player drags their finger to draw lines. If near a Guide Pin, the line should subtly "snap" to it to assist precision on mobile screens. * **Phase 4: Evaluation:** When the player presses "Done", the original shape overlays the user's drawing. An algorithm calculates the percentage of overlap/accuracy. * > 80% Match: "Masterpiece!" (Next Level) * < 80% Match: "Try Again" (Paper crumple animation resets the canvas). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait mode (Vertical) to mimic a sketchpad. * **Touch Handling:** * **Tap:** Cast a ray from the camera to the paper plane. Create a visual "Pin" at the intersection point. * **Touch & Drag:** Draw a continuous line. The 3D Pen model must lag slightly behind the actual touch point so the user's finger doesn't obscure the drawing tip (offset Y by -50px relative to screen space). * **UI Layout:** * **Bottom Area:** A large "Draw / Pin" toggle switch (thumb-friendly). * **Top Right:** A "Submit/Done" button (Green checkmark). * **Top Left:** A "Peek/Hint" button (Eye icon) that flashes the original image for 0.5s (costs score points). * **Haptic Feedback:** Trigger a light vibration (Taptic Engine) when placing a pin and a continuous light vibration while drawing lines. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Sketch is an innovative puzzle game that puts your visual memory to the ultimate test. This brain-training experience challenges players to study complex images for a brief moment, then accurately recreate them from memory. With its simple yet addictive gameplay mechanics, Sketch offers hours of engaging mental exercise that's both fun and beneficial for cognitive development.

The game combines the satisfaction of drawing with the challenge of memory recall, creating a unique gaming experience that stands out in the puzzle genre. Whether you're looking to improve your memory skills or simply enjoy a relaxing yet stimulating game, Sketch delivers an experience that's both educational and entertaining.

Core Features

Memory Challenge System

Sketch's core gameplay revolves around a sophisticated memory testing mechanism. Players are shown detailed images for a limited time before they disappear, requiring you to rely entirely on your visual memory to recreate the drawing.

Helpful Hint System

Stuck on a particular detail? The game includes a built-in hint system that provides subtle clues without completely giving away the solution. These hints help maintain the challenge while preventing frustration.

Progressive Difficulty

As you advance through the game, images become increasingly complex and detailed, ensuring a steady progression of challenge that keeps players engaged and motivated to improve their skills.

Clean Drawing Interface

The game features an intuitive drawing interface optimized for both precision and ease of use. The tools are responsive and designed to help you focus on recreating the image rather than struggling with controls.

Gameplay Mechanics

The gameplay follows a simple yet engaging pattern:

  1. Study Phase : Carefully observe the presented image, paying attention to shapes, positions, and details
  2. Memory Phase : The image disappears, and you must rely on your visual memory
  3. Drawing Phase : Use the provided tools to recreate the image as accurately as possible
  4. Evaluation : Compare your drawing with the original and receive feedback

This cycle creates a rewarding loop that encourages improvement and mastery over time.

Operation Guide

Mouse Control : The game uses intuitive mouse-based controls for all interactions.

  • Left Click : Primary drawing tool for creating lines and shapes
  • Mouse Movement : Controls the drawing cursor and tool positioning
  • Interface Buttons : Click on various interface elements to access hints, clear the canvas, or navigate menus

Drawing Strategy Tips

  • Focus on Major Shapes First : Start with the largest, most prominent elements before adding details
  • Use Reference Points : Place mental markers or actual pins to remember key positions
  • Work Systematically : Develop a consistent approach to studying and recreating images
  • Utilize Hints Wisely : Don't hesitate to use hints when stuck, but try to solve as much as possible independently

Why Play Sketch?

Cognitive Benefits

Sketch offers genuine brain training benefits, helping to improve visual memory, attention to detail, and spatial reasoning skills. Regular play can enhance your ability to notice and remember visual information in daily life.

Stress Relief

The game's calm, focused gameplay provides an excellent way to unwind and relax while keeping your mind engaged. The drawing aspect can be particularly therapeutic and meditative.

Accessibility

As a browser-based game, Sketch is instantly accessible without downloads or installations. It's perfect for quick mental breaks or extended gaming sessions.

Skill Development

Beyond memory improvement, the game helps develop drawing observation skills, pattern recognition, and attention to detail - abilities that transfer to real-world situations.

All-Ages Entertainment

With content suitable for all ages, Sketch is perfect for family gaming sessions or individual skill development across all age groups.

Frequently Asked Questions (FAQ)