Zero Out - Number Puzzle Game

Seele01-Flash
By
Zero Out is an addictive math-based puzzle game where players manipulate numbers on hexagonal grids to achieve the ultimate goal: reducing all values to zero. With its unique mathematical mechanics and strategic gameplay, it offers endless brain-teasing challenges.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Zero Out". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist 2.5D aesthetic using a high-contrast color palette. The background should be a deep charcoal grey (`#222222`) to reduce eye strain. * **Grid System**: Create a Hexagonal Grid using `CylinderGeometry` (with `radialSegments: 6`) to represent tiles. * **Tile Appearance**: Tiles should be dark grey with a subtle yellow emissive rim. * **Numbers**: Render 3D text (using `FontLoader` and `TextGeometry`) floating slightly above each hex tile. Numbers should be bright yellow (`#FFD700`) for high visibility. * **Camera**: Use an Orthographic Camera (`OrthographicCamera`) to ensure the grid layout remains consistent and readable regardless of screen size. The camera should look slightly angled (top-down isometric view). * **Mobile Optimization**: * Use simple materials (`MeshLambertMaterial` or `MeshBasicMaterial`) to ensure 60FPS on mobile devices. * Avoid complex shadows; use baked-in ambient occlusion logic or simple directional light. ### 2. Audio Requirements * **BGM**: A downtempo, ambient "thinking" track. Synth-based, repetitive but non-intrusive to aid concentration. * **Sound Effects (SFX)**: * **Select**: A soft "click" or "pop" when a player touches a hex. * **Merge/Subtract**: A satisfying digital "crunch" or "ding" when numbers are successfully reduced. * **Invalid Move**: A dull, low-pitch "thud" or shake effect. * **Level Clear**: A rising arpeggio chime. ### 3. Gameplay Loop * **Core Mechanic**: The board consists of hex tiles, each holding a number (integer). The goal is to reduce all numbers to zero. * **Interaction Logic (Subtraction)**: * The player drags a generic "Source Tile" (Value A) onto an adjacent "Target Tile" (Value B). * **Rule**: A move is valid ONLY if the Source Value is greater than or equal to the Target Value (`A >= B`). * **Calculation**: Upon a valid move, the Target Tile is "zeroed out" (becomes 0/empty), and the Source Tile's value is reduced by the Target Tile's value (`New A = A - B`). * **Chain Reaction**: If `New A` becomes 0, it also disappears. * **Win Condition**: All tiles on the grid are cleared (all values = 0). * **Fail Condition**: Numbers remain on the board, but no valid moves (no adjacent neighbors allow for subtraction) are available. * **Scoring**: Based on speed (Time elapsed) and efficiency (fewer moves is better). ### 4. Mobile Controls & Interaction * **Touch Controls**: Implement a `Raycaster` system for: * `touchstart`: Detect the hex being tapped. Highlight it (scale up 1.1x or change color to white). * `touchmove`: Draw a dynamic line or arrow from the source hex to the current finger position to indicate drag direction. * `touchend`: Detect if the finger is over a valid adjacent hex. Execute the move logic. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(50)` on a successful merge. * **Visual**: When a number changes, spawn a small particle explosion or floating text showing the subtraction (e.g., "-3"). * **Orientation**: Force or optimize for Portrait Mode for one-handed play. * **UI Layout**: Place the "Reset Level" button and "Score/Timer" at the very top or bottom of the screen (Safe Area), ensuring buttons are at least 44x44 pixels. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Zero Out

Zero Out is a captivating mathematical puzzle game that challenges players to master the art of numerical manipulation. Rated 4.2 out of 5 stars by thousands of players, this innovative puzzle experience combines strategic thinking with basic math operations to create an engaging brain workout that's both educational and entertaining.

In Zero Out, you enter a world where numbers reign supreme, and your mission is to become the master of mathematical reduction. The game presents you with hexagonal grids filled with various numbers, and your objective is to systematically reduce all these values to zero through strategic moves and calculations.

Core Features

Mathematical Strategy Gameplay

Zero Out stands out from traditional puzzle games by incorporating mathematical operations as the core gameplay mechanic. Players must use subtraction and strategic thinking to manipulate numbers across hexagonal grids, making each move count toward the ultimate zero-out goal.

Hexagonal Grid System

The unique hexagonal grid layout adds an extra layer of complexity and visual appeal to the puzzle-solving experience. This innovative design creates multiple pathways for number manipulation and requires players to think spatially about their mathematical moves.

Progressive Challenge Levels

The game offers increasingly complex puzzles that test your mathematical prowess and strategic planning abilities. As you advance, the number arrangements become more intricate, requiring deeper thinking and more sophisticated strategies.

Cross-Platform Compatibility

Built with HTML5 technology, Zero Out runs seamlessly on desktop computers, tablets, and mobile devices. The responsive design ensures optimal gameplay experience regardless of your screen size or device type.

Game Mechanics

Number Reduction Strategy

The fundamental mechanic involves clicking and dragging numbers to combine them in descending order. When you merge a higher number with a lower one, the values reduce according to mathematical rules, gradually working toward the zero target.

Hex Grid Navigation

Players interact with hexagonal tiles containing different numerical values. The hex grid layout provides multiple connection points for each tile, creating various strategic pathways for achieving your zero-out objectives.

Timing and Scoring

Speed matters in Zero Out! The faster you complete each puzzle, the higher your score. This adds a competitive element that encourages players to not only solve puzzles correctly but also efficiently.

Operation Guide

Basic Controls

  • Click/Tap : Select hexagonal tiles containing numbers
  • Drag : Move selected numbers to adjacent positions
  • Release : Complete the merge operation when tiles are properly aligned
  • Strategic Planning : Analyze the grid layout before making moves

Winning Strategy Tips

  1. Start with High Values : Begin by targeting the largest numbers on the grid
  2. Plan Reduction Chains : Look for sequences that create cascading reductions
  3. Consider Grid Layout : Use the hexagonal connections to your advantage
  4. Time Management : Balance accuracy with speed for optimal scoring

Mobile Optimization

The touch-friendly interface makes Zero Out perfect for mobile gaming. Smooth drag-and-drop mechanics work flawlessly on touchscreens, allowing for precise number manipulation on smartphones and tablets.

Why Play Zero Out

Educational Entertainment

Zero Out brilliantly disguises mathematical learning as pure entertainment. Players naturally improve their mental math skills, number recognition, and strategic thinking while having fun solving puzzles.

Accessibility and Convenience

As a free browser-based game, Zero Out requires no downloads, installations, or account creation. Simply open your web browser and start playing immediately on any device with internet access.

Cognitive Benefits

Regular puzzle-solving helps maintain mental sharpness and improves problem-solving abilities. Zero Out's mathematical focus particularly enhances numerical reasoning and logical thinking skills.

Stress Relief and Focus

The meditative nature of working with numbers and achieving systematic reductions provides a calming effect while simultaneously requiring focused concentration, making it an excellent stress-relief activity.

Social Competition

Challenge friends and family to beat your best times and scores. The competitive scoring system encourages replay value and social engagement around mathematical achievement.

Whether you're a math enthusiast, puzzle lover, or someone looking for an intellectually stimulating game, Zero Out offers the perfect blend of challenge, education, and entertainment in one seamlessly designed package.

Frequently Asked Questions (FAQ)