Diner in the Storm

Seele01-Flash
By
Diner in the Storm is a captivating horror puzzle adventure that combines atmospheric storytelling with challenging escape room mechanics. Trapped in a mysterious roadside diner during an ominous storm, you must solve intricate puzzles and uncover dark secrets to guide everyone to safety.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Diner in the Storm**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** **2.5D "Paper Theatre" Aesthetic**. The game should use 2D hand-drawn sprites (planes with transparent PNG textures) placed in a 3D space to create depth parallax. The art style is "Cartoon Horror"—cute characters with thick outlines, but placed in an unsettling, shadowy atmosphere. * **Scene Layout:** * **The Diner (Foreground):** A warm, lighted interior cutaway. Contains a counter, red vinyl booths, a jukebox/radio, and a checkered floor. * **The Storm (Background):** Outside the diner windows, use a dark purple/black skybox with animated rain particles. * **The Shadows (Overlay):** Incorporate dark, jagged silhouette meshes (like black tendrils or claws) framing the edges of the screen, similar to the reference image, creating a vignette effect. * **Characters (Billboards):** Create sprite planes for Maggie (waitress), Ethan, Edith, Juan, Bruna, and Csapar. They should have a "breathing" animation (slight vertical scaling) to make them feel alive. * **Lighting:** * **Interior:** Warm point lights (orange/yellow) to simulate diner warmth. * **Exterior:** Cold ambient light (blue/purple). * **Effect:** Implement a "Flickering" effect on the interior lights to simulate the storm damaging the power grid. * **Optimization:** Use texture atlases for sprites to reduce draw calls. Limit particle count for rain on mobile devices. ### 2. Audio Requirements * **BGM (Background Music):** A layered track. Layer 1: Heavy rain, wind howling, and distant thunder (constant). Layer 2: Muted, distorted 1950s "Diner Jazz" coming from the radio (diegetic). * **SFX (Sound Effects):** * *Interaction:* A "bell chime" when the diner door opens. * *Dialogue:* "Typewriter" or softly pitched beeps when text appears (Animal Crossing style distinct pitches for different characters). * *Horror:* A low-frequency "Drone" or "Heartbeat" sound that increases in volume when talking to hostile characters (like Juan) or inspecting spooky clues. * *UI:* Soft clicks for menu selection. ### 3. Gameplay Loop * **Interaction Mechanics:** The player uses Raycasting to click on characters or objects. Clicking initiates a Dialogue Box overlay. * **Dialogue & Puzzle System:** * **Branching Dialogue:** Players choose responses to NPCs. Correct choices (e.g., asking Ethan about "Aliens") unlock new clues or items. * **State Machine:** Track the state of each NPC (e.g., `Maggie: "Wary" -> "Trusting"`). * **The Goal:** The player must convince all NPCs to leave the diner. This is a logic puzzle: You cannot convince Maggie until you learn a secret from Csapar. * **Horror Events:** Randomly trigger "spooky events" during gameplay, such as the radio changing channels automatically, or a shadow figure appearing in the window for a split second. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape** is preferred to view the wide diner layout. * **Controls:** * **Tap-to-Interact:** Single tap on 3D objects/sprites to inspect or talk. * **Swipe-to-Pan:** Horizontal swipe to pan the camera slightly left/right (camera should be clamped to the room boundaries) to see the whole diner. * **UI Design:** * **Dialogue Box:** A large, semi-transparent panel at the bottom of the screen (occupying the bottom 30%). Text must be large (min 16pt) for readability on phones. * **Choice Buttons:** When a decision is needed, display large, distinct buttons (min 44x44px touch area) overlaid on the screen. * **Feedback:** Provide **Haptic Feedback** (using `navigator.vibrate`) when a thunderclap occurs or when a significant secret is revealed. visual feedback (highlight outline) when touching an interactive object. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Diner in the Storm is an immersive horror puzzle adventure that masterfully blends atmospheric storytelling with challenging escape room mechanics. When a sudden, mysterious storm forces you to seek shelter in a seemingly ordinary roadside diner, you quickly discover that safety is an illusion. This award-worthy point-and-click adventure plunges you into a world where every conversation reveals new mysteries and every puzzle brings you closer to uncovering the diner's dark past.

The game features rich character interactions with memorable personalities like Maggie the waitress, the paranoid Ethan, social media star Bruna Starr, and the enigmatic Caspar. Each character holds pieces of the puzzle that will help you understand what's really happening during this fateful stormy night.

Core Features

Atmospheric Horror Experience

Experience spine-tingling suspense as the storm rages outside while sinister secrets unfold within the diner walls. The game creates genuine tension through environmental storytelling and psychological horror elements.

Complex Puzzle System

Solve intricate logic puzzles that challenge your wit and nerves. Each solved puzzle reveals new layers of the mystery and brings you closer to the truth about the diner's hidden past.

Interactive Storytelling

Engage in meaningful conversations with diverse characters, each with their own motivations and secrets. Your dialogue choices influence the story's progression and unlock different narrative paths.

Multiple Endings

Your decisions and puzzle-solving skills determine the fate of everyone in the diner. Can you guide all the patrons to safety in the nearby town of Hope Springs?

Stunning 2D Art Style

Enjoy beautifully crafted 2D graphics that perfectly capture the eerie atmosphere of a storm-battered roadside diner. The visual design enhances the game's mysterious and unsettling mood.

Gameplay Mechanics

Point-and-Click Adventure

Navigate through the diner using simple mouse controls. Click to interact with objects, examine clues, and engage in conversations with other patrons trapped by the storm.

Character Interactions

Meet fascinating characters like: - Maggie : The friendly yet wary waitress who knows more than she lets on - Ethan : A jittery customer convinced he witnessed something supernatural - Bruna Starr : A social media influencer with three million followers - Caspar : A mysterious older man with ghost stories to tell - Juan : An aggressive patron who prefers to be left alone

Puzzle Progression

Start with simple interactions like changing the radio station, then progress to complex puzzles that require careful observation and logical thinking. Each solved puzzle unlocks new areas and story elements.

Operation Guide

Basic Controls

  • Left Mouse Button : Primary interaction tool for clicking on objects, characters, and interface elements
  • A/D Keys or Arrow Keys : Optional movement controls for navigating left and right through the diner
  • Spacebar : Alternative interaction key for certain actions

Getting Started

  1. Enter the diner and speak with Maggie to get your bearings
  2. Explore the environment by clicking on interactive objects
  3. Engage in conversations with other patrons to gather information
  4. Look for visual clues and environmental details that hint at puzzles
  5. Use logical thinking to solve puzzles and progress the story

Pro Tips

  • Pay attention to every conversation - characters often provide subtle hints
  • Examine all interactive objects thoroughly
  • Remember that your dialogue choices can affect story outcomes
  • Take note of environmental details that might be puzzle clues

Why Play Diner in the Storm

Free and Accessible : Play instantly in your web browser without downloads or installations. The game works perfectly on both desktop and mobile devices.

Rich Narrative Experience : Immerse yourself in a compelling story that combines mystery, horror, and human drama in a unique setting.

Challenging but Fair : The puzzles are designed to be challenging without being frustrating, offering satisfying "aha!" moments when you crack the code.

Replayability : Multiple story paths and endings encourage repeated playthroughs to discover all the secrets and save everyone.

Perfect Horror Balance : Experience genuine suspense and atmospheric horror without excessive gore or jump scares, making it accessible to a wider audience.

Whether you're a fan of escape room games, horror adventures, or narrative-driven puzzlers, Diner in the Storm offers a unique gaming experience that will keep you engaged from start to finish. Can you uncover the truth behind the storm and guide everyone to safety in Hope Springs?

Frequently Asked Questions (FAQ)