Supermarket Sort: Grocery Game

Seele01-Flash
By
Supermarket Sort: Grocery Game is a delightful puzzle experience that combines sorting mechanics with colorful grocery items. Organize various food items into their correct boxes while enjoying relaxing gameplay and vibrant graphics.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Supermarket Sort: Grocery Game**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-saturation, "Toon" style 3D graphics similar to casual mobile hits. Use soft, flat lighting (Ambient + Directional) to minimize shadows and ensure clarity on small screens. Background should be a cheerful gradient (e.g., warm yellow to orange) to evoke a supermarket vibe. * **Models (Procedural Generation)**: Create simple low-poly geometries to represent grocery items. Do not load external models; generate them using Three.js primitives: * *Coda Cans*: Red cylinders with silver tops. * *Cereal Boxes*: Rectangular prisms with colorful textures (or solid bright colors like blue/green). * *Fruits*: Spheres (Oranges) or clusters of spheres (Grapes). * **The Grid**: A clean, 3D shelving unit or a 2D grid overlay projected onto the ground plane where "boxes" or "items" will be placed. * **Performance**: Use `THREE.InstancedMesh` if there are many identical items. Ensure geometries have low segment counts (e.g., `CylinderGeometry(..., 16)` instead of `32`) to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A relaxing, looping Bossa Nova or "Elevator Music" track—light percussion, electric piano, very chill (conceptual description for placeholder). * **Sound Effects (SFX)**: * *Select*: A soft "pop" or "suction" sound when lifting an item. * *Drop/Place*: A cardboard "thud" or plastic "clack" when placing an item on the grid. * *Match/Clear*: A satisfying, high-pitched "chime" or cash register "ka-ching" when 3 items match. * *Win*: A celebratory fanfare. ### 3. Gameplay Loop * **Core Mechanic**: The game scene consists of a staging area (spawning random grocery items) and a main Grid (Shelves/slots). * **Sorting Logic**: The player drags an item/box from the staging area or moves items within the grid. * **Match 3 Rule**: When **3 identical items** are placed adjacent to each other (or in the same shelf slot), they visually merge/shrink and disappear, awarding points. * **Win Condition**: Clear all items from the screen within a specific time limit. * **Lose Condition**: The grid becomes full with no valid moves remaining. ### 4. Mobile Controls & Interaction * **Input System**: Implement a robust Raycaster system handling `touchstart`, `touchmove`, and `touchend` events (mapping mouse events to these for desktop testing). * **Camera**: Use an **Orthographic Camera** to keep the puzzle grid perspective consistent and distortion-free, which is easier for precise touch input. * **Drag & Drop**: * On `touchstart`: The selected item should scale up slightly (1.2x) and lift on the Y-axis to indicate it is being held. * On `touchmove`: The item follows the finger/cursor smoothly (use linear interpolation or 'lerp' for weight). * On `touchend`: Check if the item is over a valid grid slot. If yes, **Snap-to-Grid** (animate into position). If no, snap back to original position. * **Orientation**: Portrait mode is preferred. Ensure the camera FOV adjusts if the aspect ratio changes. * **Haptic Feedback**: Trigger `window.navigator.vibrate(20)` on successful item pickup and drop (if supported) for tactile feel. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Supermarket Sort: Grocery Game is an engaging puzzle game that transforms the everyday task of grocery organization into an entertaining challenge. This colorful and relaxing game combines elements of sorting, logic puzzles, and Match-3 mechanics to create a unique gaming experience that's both fun and mentally stimulating.

In this charming puzzle adventure, players take on the role of a grocery organizer, tasked with sorting various food items into their designated boxes. The game features vibrant, cartoon-style graphics with beautifully designed grocery items including fresh fruits, vegetables, beverages, and other supermarket essentials.

Core Features

Relaxing Puzzle Gameplay

Unlike fast-paced action games, Supermarket Sort offers a calming and therapeutic gaming experience. The gentle pace allows players to think strategically about their moves while enjoying the satisfying feeling of organizing items perfectly.

Progressive Difficulty System

Each level introduces new challenges and complexities. Starting with simple sorting tasks, the game gradually increases difficulty by adding more item types, limited moves, and intricate puzzle layouts that require careful planning.

Power-Up System

When levels become particularly challenging, players can utilize various power-ups to overcome obstacles. These helpful tools add strategic depth to the gameplay and ensure that even the trickiest levels remain solvable and enjoyable.

Vibrant Visual Design

The game showcases colorful, high-quality graphics that bring the supermarket theme to life. Each grocery item is beautifully illustrated with attention to detail, creating an visually appealing experience that enhances the overall gameplay.

Multiple Game Mechanics

Combining sorting, logic, and Match-3 elements, the game offers varied gameplay that keeps players engaged. This hybrid approach ensures that each level feels fresh and presents new types of challenges.

Game Mechanics

Sorting Challenges

Players must organize different grocery items based on categories, colors, or specific patterns. The sorting system requires logical thinking and pattern recognition skills.

Grid-Based Gameplay

The game uses a grid system where players drag and place boxes strategically. This spatial element adds complexity and requires players to think about positioning and available space.

Match-3 Elements

Some levels incorporate Match-3 mechanics where players need to create combinations of similar items, adding variety to the core sorting gameplay.

Operation Guide

Basic Controls

  • Drag and Drop : Use your mouse or finger to drag grocery boxes and place them in the correct grid spaces
  • Strategic Placement : Consider the available space and item requirements before placing boxes
  • Power-Up Activation : Tap on power-ups when needed to clear difficult sections

Gameplay Tips

  • Start by identifying the different grocery categories in each level
  • Plan your moves carefully, especially in levels with limited space
  • Use power-ups strategically for maximum effectiveness
  • Pay attention to color patterns and item groupings
  • Take your time - this is a relaxing game without time pressure

Why Play This Game

Perfect Brain Training

Supermarket Sort provides excellent mental exercise through logic puzzles and pattern recognition challenges. It's an ideal way to keep your mind sharp while having fun.

Stress Relief

The relaxing gameplay and soothing visuals make this game perfect for unwinding after a busy day. The gentle pace and satisfying organization mechanics provide a therapeutic gaming experience.

Accessible for All Ages

With simple controls and gradually increasing difficulty, the game welcomes players of all skill levels. Whether you're a puzzle game veteran or newcomer, you'll find appropriate challenges.

No Pressure Gaming

Unlike competitive games, Supermarket Sort allows you to play at your own pace without time limits or high-pressure situations. Focus on enjoying the puzzle-solving process.

Completely Free

Enjoy the full game experience without any cost. Play directly in your browser without downloads or installations required.

Frequently Asked Questions (FAQ)