Swipe A Car - Sliding Block Puzzle Game

Seele01-Flash
By
Swipe A Car is an engaging sliding block puzzle game that challenges your logical thinking and spatial awareness. Help your car escape from crowded parking lots by strategically moving other vehicles in 40 increasingly challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Swipe A Car". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 3D Low-poly "Toy" aesthetic. Clean, vibrant colors with a slight cartoon shader (MeshToonMaterial) to distinguish vehicles clearly on small screens. * **Camera**: Isometric Orthographic camera view (fixed angle) to ensure depth perception without perspective distortion, essential for puzzle precision. * **Models**: * **Hero Car**: Distinct bright red sedan (2 grid units long). * **Obstacle Cars**: Various colors (White, Blue, Yellow), 2 grid units long. * **Obstacle Trucks**: Darker colors (Brown, Dark Red), 3 grid units long. * **Board**: A 6x6 grid paved parking lot surface. Dark grey asphalt texture with subtle grid lines. * **Environment**: Raised concrete curbs surrounding the lot. An "Exit Gate" clearly marked with yellow/black caution stripes on the right side of the 3rd row. * **Performance**: Use instanced mesh for identical vehicle types if possible. Low polygon count (<500 tris per car). No heavy post-processing; rely on baked lighting or a simple Directional Light + Hemisphere Light setup. ### 2. Audio Requirements * **BGM**: Relaxing, "Elevator Bossa Nova" or Lo-fi Beat style. It should be non-intrusive to aid concentration. * **Sound Effects (SFX)**: * **Selection**: A subtle "pop" or suspension squeak when touching a car. * **Sliding**: Tire rolling sound or asphalt friction noise (loops while moving). * **Collision**: A soft dull "thud" if the player hits another car or wall. * **Snap**: A satisfying mechanical "click" when a car snaps into a grid position. * **Win**: Short cheerful chime or car horn honk when escaping. ### 3. Gameplay Loop * **Level Logic**: The game operates on a 6x6 matrix. Cars are defined by their origin (x, y), length (2 or 3), and orientation (Horizontal or Vertical). * **Mechanics**: * **Horizontal Cars**: Can only move Left/Right. * **Vertical Cars/Trucks**: Can only move Up/Down. * **Collision**: Cars cannot move through each other or outside the 6x6 grid boundaries. * **Win Condition**: The Hero Car (Red) must slide completely out of the grid through the Exit Gate on the right side. * **Progression**: Upon winning, display a "Level Complete" modal with Star Rating (based on moves count or time) and a "Next Level" button. ### 4. Mobile Controls & Interaction * **Touch Controls**: * Use Raycaster for object detection. * **Drag Logic**: 1:1 finger tracking. When a user touches a car, calculate the swipe vector. Project the movement only onto the car's allowed axis (Local X or Z). * **Grid Snapping**: The movement should feel fluid, but upon release (touchend), the car must lerp (smoothly animate) to the nearest valid grid integer position. * **Haptics & Feedback**: * Trigger `navigator.vibrate(10)` when a car snaps into a slot. * Highlight the selected car (e.g., slight emissive glow or lift the mesh up by 0.2 units) to show it is active. * **UI**: * **Orientation**: Portrait mode preferred. * **HUD**: Top bar displaying "Level X", "Moves: 0", and "Time". * **Buttons**: Large "Reset" and "Pause" buttons (min 48px touch target) located at the bottom or top corners, away from the puzzle area to prevent accidental 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

Swipe A Car is a captivating sliding block puzzle game that puts your problem-solving skills to the test. With a 3.69/5 rating from players worldwide, this brain-teasing game combines simple mechanics with increasingly complex challenges. You'll find yourself trapped in a crowded parking lot where your car is blocked by trucks and other vehicles, and your mission is to find the perfect sequence of moves to create an escape route.

The game features 40 meticulously designed levels that progressively increase in difficulty, ensuring hours of engaging gameplay. Each puzzle presents a unique challenge that requires careful planning and strategic thinking to solve.

Core Features

Completely Free to Play

Swipe A Car is entirely free with no hidden costs or premium content. Simply open your browser and start playing immediately without any downloads or installations required.

Cross-Platform Compatibility

Built with HTML5 technology, the game runs smoothly on all modern devices including desktop computers, tablets, and smartphones. The responsive design ensures optimal gameplay experience regardless of your screen size.

Progressive Difficulty System

The game starts with simple puzzles perfect for beginners and gradually introduces more complex scenarios. This learning curve makes it accessible to casual players while providing sufficient challenge for puzzle enthusiasts.

Intuitive Sliding Mechanics

The core gameplay revolves around sliding blocks (vehicles) horizontally and vertically within a grid. This familiar mechanic is easy to understand but offers deep strategic possibilities as levels become more complex.

Score and Time Tracking

Compete against other players with the built-in scoring system that tracks your performance across all levels. The timer adds an extra layer of challenge for those seeking to optimize their solutions.

Game Mechanics

Swipe A Car belongs to the classic sliding block puzzle genre, similar to the famous Rush Hour puzzle. Your red car is positioned somewhere in a grid-based parking lot, surrounded by trucks and other vehicles of various sizes. These obstacles can only move in specific directions - horizontally or vertically - and cannot overlap or move diagonally.

The challenge lies in determining the correct sequence of moves to create a clear path for your car to reach the exit. Some vehicles may need to be moved multiple times, and certain moves might initially seem counterproductive but are necessary to unlock the solution.

Operation Guide

Basic Controls

  • Mouse/Finger Swipe : Click and drag vehicles to slide them in their allowed direction
  • Pause Button : Access game settings, sound options, and return to main menu
  • Score Submission : Compare your performance with other players after completing levels

Gameplay Tips

  • Analyze the entire puzzle before making your first move
  • Identify which vehicles are directly blocking your path versus those creating secondary obstacles
  • Work backwards from the exit to understand the required final position
  • Don't be afraid to move vehicles away from the exit initially - sometimes you need to create space before moving forward
  • Pay attention to vehicle sizes and orientations to understand movement possibilities

Why Play Swipe A Car

Mental Exercise and Brain Training

This puzzle game provides excellent mental stimulation, improving logical reasoning, spatial awareness, and problem-solving skills. Regular play can help maintain cognitive sharpness and develop pattern recognition abilities.

Perfect for All Skill Levels

Whether you're new to puzzle games or a seasoned veteran, Swipe A Car offers appropriate challenges. The progressive difficulty ensures everyone can find their comfort zone while still being challenged to improve.

Stress-Free Gaming Experience

Unlike action-packed games, Swipe A Car offers a calm, methodical gaming experience perfect for relaxation. There's no time pressure (unless you're competing for high scores), allowing you to think at your own pace.

Portable Entertainment

The game's browser-based nature means you can play anywhere with an internet connection. It's perfect for short breaks, commutes, or whenever you need a quick mental challenge.

Social Competition

The scoring system adds a competitive element, allowing you to challenge friends or compare your performance with players worldwide.

Frequently Asked Questions (FAQ)