Parkmania - Ultimate Parking Challenge Game

Seele01-Flash
By
Parkmania is the ultimate parking challenge game that tests your precision driving skills. Navigate through increasingly difficult courses and park various vehicles perfectly between the lines.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Parkmania". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly, vibrant, and clean aesthetic similar to the reference image. Use a bright color palette (saturated reds for the player car, deep asphalt grays, and high-contrast white parking lines). * **Models:** * **Hero Vehicle:** A stylized sports car (resembling a low-poly classic Ferrari or Lamborghini) with distinct front headlights and rear brake lights. * **Environment:** A flat, clean asphalt parking lot surface. Surround the play area with low-poly stylized curbs, orange safety cones, and concrete barriers. * **Background:** Use a soothing vertical gradient background (Blue to Purple) to mimic the reference image's UI vibe, or a simplified city skyline skybox. * **Visual Feedback:** * Draw a rectangular "Target Zone" on the ground. It should glow Green when the car is inside it and turn Red if the alignment is off. * Simple particle effects (dust puffs) near the tires when accelerating or braking hard. * **Mobile Optimization:** Use simple geometry (BoxGeometries and CylinderGeometries) where possible to minimize draw calls. Bake shadows into the texture if possible, or use a single directional light with soft shadows. ### 2. Audio Requirements * **BGM:** A relaxed, "elevator bossa nova" or light lo-fi hip-hop track. It should be non-intrusive to aid concentration. * **SFX:** * **Engine:** A synthesized engine hum that increases in pitch slightly based on the car's velocity. * **Collision:** A comedic but sharp "crunch" or metal thud sound when hitting obstacles. * **Success:** A cheerful "Ding!" or chime sound combined with a cash register noise when the car stops perfectly in the zone. * **UI:** Soft clicks for gear changes and button presses. ### 3. Gameplay Loop * **Objective:** The player spawns at a starting point and must navigate a short, winding course of traffic cones and barriers to reach the designated parking spot. * **Win Condition:** The car must be fully stopped within the white lines of the parking zone for 2 seconds. The alignment must be parallel to the lines (calculate the dot product of the car's forward vector vs. the parking spot's forward vector). * **Fail Condition:** Immediate "Game Over" screen if the car's collider touches *any* obstacle (cones, walls, curbs, other cars). No health bar; one hit equals failure. * **Progression:** Start with a simple straight-in parking job. Subsequent levels introduce reversing, parallel parking, and tight corners. * **Vehicle Variety:** Although the code will start with the Sports Car, structure the vehicle class to easily swap in different physics parameters (e.g., a "Bus" would have a larger turning radius and slower acceleration). ### 4. Mobile Controls & Interaction * **Orientation:** Force **Landscape Mode** for better field of view (essential for parking visibility). * **Touch Interface:** * **Left Thumb:** A Virtual Steering Wheel (or a horizontal slider) for precise analog steering control. * **Right Thumb:** Two vertical pedals. The right pedal is **Gas** (Accelerator). The left pedal is **Brake**. * **Gear Shift UI:** A distinct toggle button on the right side of the screen to switch between **"D" (Drive)** and **"R" (Reverse)**. Visual indicator showing the current gear is required. * **Camera:** Implement a smooth "Follow Camera" that floats behind and slightly above the car. When the gear is shifted to "Reverse," the camera angle should slightly tilt up or zoom out to give a better view of the rear. * **Haptics:** Trigger a heavy vibration pattern via the navigator.vibrate API upon collision (Game Over state). * **UI Sizing:** All interactable buttons (Pedals, Gear Shift) must be at least 48x48px to accommodate touch targets, with ample spacing to prevent accidental mis-clicks. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Parkmania is a skill-based parking simulator that challenges players to demonstrate their precision driving abilities. This engaging browser game combines realistic vehicle physics with progressively challenging parking scenarios, making it the perfect test for both novice and experienced virtual drivers.

The game's core concept is elegantly simple yet addictively challenging: maneuver your vehicle through complex courses and park it perfectly within the designated lines. However, don't let the straightforward objective fool you - as you advance through levels, the parking scenarios become increasingly intricate and demanding.

Core Features

Progressive Difficulty System

Parkmania employs a carefully designed difficulty curve that keeps players engaged and challenged. Early levels introduce basic parking concepts with simple rectangular spaces, while advanced stages feature:

  • Complex Multi-Turn Courses : Navigate through tight corners and narrow passages
  • Obstacle-Rich Environments : Avoid barriers, cones, and other parked vehicles
  • Time-Sensitive Challenges : Complete parking tasks within strict time limits
  • Precision Requirements : Park with millimeter accuracy to pass advanced levels

Diverse Vehicle Collection

One of Parkmania's standout features is its impressive variety of vehicles, each offering unique handling characteristics:

  • Standard Cars : Perfect for learning basic parking fundamentals
  • School Buses : Long vehicles requiring careful spatial awareness
  • Garbage Trucks : Heavy, slow-moving vehicles that test patience and precision
  • Stretch Limousines : Ultimate length challenge requiring expert maneuvering
  • Race Cars : High-speed vehicles with sensitive steering responses

Each vehicle type presents distinct challenges, from turning radius limitations to acceleration differences, ensuring that mastering one vehicle doesn't guarantee success with others.

Realistic Physics Engine

The game features a sophisticated physics system that accurately simulates vehicle behavior, including: - Momentum and inertia effects - Realistic turning mechanics - Collision detection and consequences - Speed-dependent handling characteristics

Game Mechanics

Precision Parking System

Success in Parkmania requires more than just getting your vehicle into the general area - you must park precisely between the designated lines. The game's scoring system rewards accuracy, with perfect parking attempts yielding higher scores than barely acceptable ones.

One-Strike Challenge

Parkmania maintains tension through its unforgiving collision system. Any contact with obstacles, other vehicles, or course boundaries results in immediate game over, requiring players to restart the level. This mechanic emphasizes careful planning and precise execution over rushed attempts.

Operation Guide

Basic Controls

Parkmania features intuitive control schemes accessible to players of all skill levels:

  • WASD Keys or Arrow Keys : Navigate your vehicle in all directions
  • W/Up Arrow: Accelerate forward
  • S/Down Arrow: Reverse
  • A/Left Arrow: Turn left
  • D/Right Arrow: Turn right
  • Spacebar : Emergency brake for quick stops

Advanced Techniques

As you progress through Parkmania's challenging levels, mastering these techniques becomes essential:

  • Feathering : Use gentle, short key presses for precise movements
  • Momentum Management : Use the vehicle's natural movement to assist in tight turns
  • Reference Point Parking : Use visual landmarks to gauge proper positioning
  • Multi-Point Turns : Execute complex maneuvers in confined spaces

Strategic Approach

Successful parking requires patience and planning: 1. Survey the Course : Study the layout before moving 2. Plan Your Route : Identify the optimal path to the parking space 3. Control Your Speed : Slower movements offer better precision 4. Use Reference Points : Align with visual cues for accurate positioning

Why Play Parkmania

Skill Development Benefits

Parkmania offers more than entertainment - it provides practical benefits: - Spatial Awareness : Improve your ability to judge distances and vehicle dimensions - Hand-Eye Coordination : Enhance fine motor control through precise movements - Patience and Focus : Develop concentration skills through challenging scenarios - Problem-Solving : Learn to analyze complex spatial puzzles

Accessibility and Convenience

  • Completely Free : No payment required to access full game content
  • No Downloads : Play instantly in your web browser
  • Cross-Platform : Compatible with computers, tablets, and smartphones
  • Quick Sessions : Perfect for short breaks or extended gaming sessions
  • Progressive Difficulty : Suitable for beginners while challenging for experts

Addictive Gameplay Loop

The game's "just one more try" factor keeps players engaged through: - Clear, achievable objectives with immediate feedback - Satisfying progression through increasingly difficult challenges - Variety in vehicles and parking scenarios - Quick restart capability for repeated attempts

Whether you're looking to improve your real-world parking skills, enjoy a challenging puzzle game, or simply want to test your precision and patience, Parkmania delivers an engaging and rewarding gaming experience that will keep you coming back for more parking perfection.

Frequently Asked Questions (FAQ)