Graffiti Time - Street Art Platform Game

Seele01-Flash
By
Graffiti Time is an exciting platform game where you play as Mr. Fat Cap, a street artist traveling the universe to create beautiful graffiti while avoiding robotic police patrols.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Graffiti Time". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a **2.5D Side-Scroller** with a **Toon-Shaded (Cel-shaded)** aesthetic to match the reference image's vector art style. Use vibrant neon colors (lime green, bright orange) against a deep purple/blue "Night City" background. * **Character Model:** The protagonist is "Mr. Fat Cap" – a stylized, walking spray-paint nozzle (white cylinder body, orange details, stick-figure black limbs). He needs a skateboard attached to his back or used during specific movement modes. * **Environment:** A multi-tiered urban street scene. * **Background:** Parallax scrolling cityscape (low-poly buildings in dark purple). * **Platforms:** Floating metal beams, brick walls, and dumpsters. * **Interactive Walls:** specific "Ghost" graffiti outlines on walls that light up when the player is near, indicating a painting spot. * **Enemies:** Flying drones with visible **Spotlight Cones** (yellow transparent meshes). Ground patrolling robots. * **VFX:** * **Spray Paint:** A particle system emitting green gas/liquid when the 'Paint' action is triggered. * **Detection:** The drone's spotlight turns red when the player enters the cone. * **Mobile Optimization:** Use low-poly geometries and baked lighting where possible. Limit draw calls by merging static environment meshes. ### 2. Audio Requirements * **BGM:** Upbeat, looping **Old-school Hip-Hop / Lo-Fi Funk** beat. Heavy basslines but a relaxed tempo suitable for sneaking. * **Sound Effects (SFX):** * **Movement:** Skateboard rolling sound (looping rumble), stylized jumping "whoosh". * **Action:** Rattle sound (shaking a spray can) when initiating paint; continuous "Hissing" sound while painting. * **UI:** "Cha-ching" for collecting coins; Siren blare for getting caught. ### 3. Gameplay Loop * **Core Objective:** Traverse the level to find all blank graffiti spots and fill them in to unlock the exit rocket/portal. * **Stealth Mechanic:** Avoid the vision cones of flying drones. If the player stays in a cone for >1 second, the alarm triggers and the level restarts. * **Painting Mechanic:** * Approach a "Graffiti Spot". * Hold the **Action Button**. The character stops moving and plays a spraying animation. * A progress bar above the character fills up. Once full, the graffiti appears on the wall (texture swap or decal). * **Movement:** Standard platforming (Run, Jump, Double Jump). * **Skateboard Mode:** If the player moves continuously for 2 seconds without stopping, they hop on the skateboard, moving faster but with less precise stopping friction. * **Collectibles:** Floating spray cans or coins scattered on platforms for extra score. ### 4. Mobile Controls & Interaction * **Camera:** Orthographic camera fixed on the side view, following the player smoothly with a slight look-ahead offset. * **Touch Controls (On-Screen Overlay):** * **Left Bottom:** Virtual Joystick (D-pad style) for horizontal movement (Left/Right). * **Right Bottom:** Two distinct circular buttons (min 60px diameter for accessibility). * **Button A (Jump):** Tap to jump, tap again in air to double jump. * **Button B (Spray/Action):** Hold to paint nearby walls. * **Feedback:** Trigger `navigator.vibrate(50)` on landing a jump and a continuous low-frequency vibration while painting. * **Orientation:** Force **Landscape Mode**. Ensure UI elements are anchored to the screen edges (safe area) to avoid notch interference. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Graffiti Time combines creative street art with thrilling platform gameplay in a vibrant, colorful universe. As Mr. Fat Cap, you'll embark on an artistic adventure across different worlds, transforming dull cityscapes into masterpieces of street art. This unique platformer blends stealth mechanics with creative expression, offering players the chance to both create art and navigate challenging obstacle courses.

The game features a distinctive art style with bright, eye-catching visuals that perfectly capture the spirit of street art culture. Each level presents new opportunities for artistic expression while testing your platforming skills and stealth abilities.

Core Features

Creative Street Art System

The heart of Graffiti Time lies in its innovative art creation mechanics. Players can create custom graffiti designs using the game's intuitive drawing tools. The freehand tagging mode allows for complete creative freedom, letting you express your artistic vision on walls, buildings, and other city structures.

Stealth-Based Gameplay

Avoid detection by robotic police patrols as you move through each level. The stealth mechanics add tension and strategy to the platforming action, requiring careful timing and route planning to complete your artistic missions successfully.

Skateboard Mechanics

Ride your mini cruiser skateboard through the streets, performing kickflips and tricks to earn extra money. The skateboarding elements add an extra layer of skill-based gameplay and provide smooth, stylish movement options.

Multi-Platform Universe

Explore diverse environments across different worlds, each offering unique challenges and artistic opportunities. From urban cityscapes to futuristic settings, every level provides fresh visual inspiration and gameplay variety.

Progression and Rewards

Earn money by completing graffiti pieces and performing skateboard tricks. Use your earnings to unlock new art supplies, skateboard upgrades, and customization options for Mr. Fat Cap.

Gameplay Mechanics

Art Creation Process

Approach designated surfaces throughout each level to enter graffiti mode. Use the drawing tools to create your designs, with the game rewarding creativity and artistic skill. Completed artworks not only beautify the environment but also contribute to your overall score and progression.

Robot Evasion

Robotic enemies patrol the streets with searchlights and detection systems. Study their movement patterns, use cover effectively, and time your movements carefully to avoid capture. Getting caught results in mission failure and forces you to restart the level.

Environmental Interaction

Interact with various city elements including walls, buildings, ramps, and obstacles. The environment is designed to support both artistic expression and dynamic platforming movement.

Operation Guide

Movement Controls: - A/D keys or Left/Right arrows : Move Mr. Fat Cap horizontally - W key or Up arrow : Jump to reach higher platforms or avoid obstacles

Special Actions: - C key : Enter graffiti painting mode when near suitable surfaces - C key (hold) : Activate freehand tagging mode for custom art creation

Pro Tips: - Practice skateboard tricks in safe areas to master the controls before attempting them during stealth sections - Observe robot patrol patterns before making your move - Take time to create detailed artwork - the game rewards artistic effort - Use the environment to your advantage, hiding behind objects and using elevation changes

Why Play Graffiti Time

Graffiti Time offers a unique gaming experience that celebrates creativity while delivering solid platforming action. Unlike traditional platform games, it encourages artistic expression and provides tools for creative self-expression. The combination of stealth gameplay, skateboarding mechanics, and art creation creates a distinctive experience that appeals to both gaming enthusiasts and creative individuals.

The game is completely free to play and requires no downloads - simply open your browser and start creating street art immediately. With support for both desktop and mobile devices, you can take your artistic adventures anywhere.

Whether you're passionate about street art, enjoy stealth-based challenges, or love creative games, Graffiti Time provides hours of engaging entertainment with its unique blend of art and action.

Frequently Asked Questions (FAQ)