Dream Escape — Roteiro com Cenários Detalhados --- ATO 1 — O INÍCIO ESQUECIDO Cenário: Quarto Antigo Distorcido O quarto parece ter sido congelado...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Dream Escape is an interactive web application designed to immerse users in a captivating narrative experience. Players will navigate through a series of emotionally charged environments, each representing different states of memory and emotion, as they help a child find their parents in a surreal dream world. ## CORE FEATURES 1. **Dynamic Environments**: Explore various richly detailed scenarios such as the Old Distorted Room, Foggy Forest, Abandoned Amusement Park, Rainy City, and Fragmented House, each with unique visual and auditory elements. 2. **Interactive Puzzles**: Solve puzzles that involve navigating through memories and emotions, using clues from the environment and interactions with the guide character (the cat). 3. **Narrative Progression**: Experience a storyline that evolves based on player choices and interactions with the environment, leading to multiple possible endings. 4. **Visual and Auditory Experience**: Engage with a carefully crafted soundscape and visual style that enhances the emotional depth of the narrative, including ambient sounds and a haunting musical score. 5. **Character Development**: Players will control a child protagonist with special abilities, including a "Light within" that reveals hidden paths and clues throughout the game. 6. **Guide Character Interaction**: Interact with a mysterious cat that provides guidance and companionship, appearing in strategic locations to help players navigate challenges. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - **Color Mode**: Light theme with dark text on light backgrounds - **Primary Color**: #1978E5 (accent for buttons, links, highlights) - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs - **Layout**: The layout will consist of a central hero section to introduce the narrative, followed by segmented areas for each environment with interactive elements and a final call to action for users to start their journey. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Zustand as needed for state management across components ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling. 2. **Create Component Structure**: Develop components for the hero section, environment displays, puzzles, and the cat guide. 3. **Implement Routing**: Use React Router for navigating through different environments and narrative segments. 4. **Design Layout**: Apply Tailwind CSS classes to achieve the minimalist design specified, ensuring proper spacing and responsiveness. 5. **Integrate Audio/Visual Elements**: Add audio files for ambient sounds and background music, ensuring they sync with the gameplay experience. 6. **Develop Interactive Features**: Code the interactive puzzles and narrative progression, ensuring that the player’s choices affect the outcome. ## USER EXPERIENCE Players will engage with the application through intuitive navigation and interactive storytelling. Key interactions include moving through environments, solving puzzles by interacting with objects, and receiving guidance from the cat. The journey is designed to evoke emotions and encourage exploration, leading to a deeper understanding of the protagonist's inner world. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
