Tattoo Artist - Free Online Tattoo Simulation Game

Seele01-Flash
By
Tattoo Artist is a challenging simulation game where you learn the art of tattooing. Master precision drawing, color filling, and customer service to succeed in your new tattoo shop job.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Tattoo Artist". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized "2.5D" aesthetic. Use an Orthographic Camera positioned directly top-down to simulate a flat canvas, but use 3D models for depth. The style should mimic the slightly crude, bold-outline cartoon style of early Flash games (Toon Shading/Cell Shading). * **Key Assets:** * **The Canvas (Skin):** A large `PlaneGeometry` representing the customer's skin. It needs a dynamic texture (CanvasTexture) that updates in real-time to show ink being applied. Implement a subtle "breathing" animation (vertex displacement) to make the skin move slightly, adding to the "Hard" difficulty tag. * **The Tool (Tattoo Gun):** A low-poly 3D model of a tattoo machine that floats slightly above the skin surface. It should have a vibrating animation loop when active. * **Target Stencil:** A semi-transparent overlay showing the target shape (e.g., a Heart or Skull) that the player must trace. * **Mobile Optimization:** Use simple Lambert or Toon materials. Limit real-time shadows. Ensure the dynamic drawing texture resolution is optimized (e.g., 512x512 or 1024x1024) to prevent memory crashes on mobile browsers. ### 2. Audio Requirements * **BGM:** A loops of gritty, low-fidelity "garage rock" or "punk" music to fit the tattoo shop vibe. * **SFX (Crucial for feel):** * **Tattoo Gun:** A constant, annoying electrical buzzing sound (`bzzzzzzz`) that plays *only* when the user is touching the screen/drawing. Pitch should slightly vary based on drawing speed. * **Pain/Reaction:** Comical "Ouch!", "Hey!", or groans when the "Pain Meter" increases or the player draws outside the lines. * **UI:** Metallic clicking sounds for changing needle size or ink colors. ### 3. Gameplay Loop * **Game States:** 1. **Briefing:** Show customer request (e.g., "Draw a Heart") and their pain tolerance level. 2. **Tracing Phase:** Player must trace the black outline of the stencil using the black ink tool. 3. **Coloring Phase:** Player switches to color tools (Red, Blue, etc.) to fill the shape. * **Mechanics:** * **Pain Meter:** A progress bar that fills up if the player draws *outside* the stencil lines or holds the needle in one spot for too long. If full -> Game Over (Fired). * **Timer:** A countdown timer (e.g., 60 seconds). If time runs out -> Game Over. * **Victory:** Player completes the tattoo with >80% accuracy before time/pain limits are reached. * **The "Gross/Funny" Factor:** If the player makes a mistake, spawn small particle effects looking like blood droplets or redness on the skin texture. ### 4. Mobile Controls & Interaction * **Touch Controls:** * **Drag to Draw:** The tattoo gun follows the user's finger position precisely via Raycaster. * **Press to Ink:** Ink is applied only while the finger is touching the screen. * **Offset:** *Important:* Render the tattoo gun tip slightly *above* the user's touch point (Y-axis offset) so the user's finger doesn't obscure the drawing tip. * **UI Layout (Portrait Mode):** * **Top:** Timer and Pain Meter (Red bar). * **Bottom:** A scrollable or fixed toolbar containing: * Needle Size Toggle (Thin/Thick). * Color Palette (Circles of Black, Red, Green, Blue). * **Touch Targets:** All UI buttons must be at least 44x44 pixels for accessibility. * **Haptic Feedback:** Trigger `window.navigator.vibrate(time)` when the user is actively drawing to simulate the vibration of the tattoo gun. Trigger a heavy vibration pulse if the player hurts the customer (Pain Meter up). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Tattoo Artist is an immersive simulation puzzle game that puts you in the shoes of a novice tattoo artist starting their career. This free browser-based game combines artistic skill with time management as you work to impress your boss and keep your job at a busy tattoo shop. With precise drawing mechanics and realistic customer interactions, you'll experience the challenges and rewards of becoming a professional tattoo artist.

The game features a compelling career progression system where you must successfully complete three different customers to prove your worth. Each client presents unique challenges, from simple designs to complex artwork, and varying pain tolerance levels that affect your approach to the tattooing process.

Core Features

Realistic Tattoo Process

Experience an authentic tattooing workflow that mirrors real-life techniques. Start by carefully tracing outlines with adjustable pen thickness, then proceed to fill in colors using a comprehensive palette. The game accurately simulates the precision required in professional tattooing.

Dynamic Customer System

Each customer comes with unique characteristics and requirements. Some clients have low pain tolerance requiring gentle handling, while others may request intricate designs that test your artistic abilities. Read customer profiles before starting to plan your approach accordingly.

Skill-Based Gameplay

Success depends entirely on your precision and time management skills. The game rewards steady hands and careful attention to detail while penalizing rushed work or sloppy execution.

Professional Pressure

Work under realistic job pressure where mistakes have consequences. Poor performance results in immediate termination, adding genuine stakes to every tattoo session.

Gameplay Mechanics

Drawing System

The core gameplay revolves around precise mouse control for tracing and coloring. You'll select appropriate pen thickness for different line weights and carefully follow reference patterns to create accurate tattoos.

Time Management

Balance speed with quality as you work against the clock. Monitor your progress while maintaining the high standards expected in a professional tattoo environment.

Customer Comfort Monitoring

Keep track of your client's pain levels throughout the session. Managing customer comfort is crucial for successful completion and maintaining your professional reputation.

Operation Guide

Basic Controls: - Mouse Movement : Control tattoo gun position - Left Mouse Button Hold : Draw lines and fill colors - Pen Selection : Choose appropriate thickness for different line work - Color Palette : Select colors to match reference designs

Success Tips: - Study customer profiles before beginning - Take your time with outline tracing for clean results - Monitor the pain meter to ensure customer comfort - Use reference images to guide color selection and placement - Practice steady mouse movements for professional-quality work

Why Play This Game

For Aspiring Artists : Develop precision drawing skills and hand-eye coordination in a fun, low-pressure environment.

For Simulation Fans : Experience the unique challenges of running a tattoo business and managing customer relationships.

For Skill Builders : Improve your attention to detail, time management, and ability to work under pressure.

For Art Enthusiasts : Explore tattoo artistry and learn about the technical aspects of professional tattooing without real-world commitments.

The game offers a perfect blend of artistic expression and strategic gameplay, making it appealing to both casual players and those seriously interested in tattoo culture. Its challenging difficulty level ensures long-term engagement as you strive to master increasingly complex designs.

Frequently Asked Questions (FAQ)