Salão de Beleza - Jogo de Transformação - Casual Jogo
Prompt
MODEL: Seele01-Flash
Por favor, usa o Three.js para criar um **jogo mobile-first** com o tema "Salão de Beleza: Transformação Glamorosa". Por favor, lê primeiro os seguintes requisitos detalhados do design do jogo e, de seguida, gera o código em conformidade:
### 1. Ativos & Ambiente
* **Estilo Visual**: Estética "Casa de Bonecas" de alta fidelidade. Utiliza uma paleta de cores claras e pastel (rosas, lilás, azuis claros) com alta saturação. A renderização deve usar `THREE.MeshStandardMaterial` com rugosidade suave para simular pele e configurações brilhantes para lábios/olhos para obter o visual "brilhante" visto na captura de ecrã.
* **Modelos Principais**:
* Um **Modelo de Cabeça Feminina** central com mapeamento UV otimizado para pintura de texturas. A cara precisa de zonas de material separadas ou camadas de textura para: Base da Pele, Camada de Imperfeições (sobreposição de mapa alfa), Camada de Maquilhagem e Olhos.
* **Ferramentas**: Modelos 3D para um Pincel de Pó, Pinça, Cabeça de Chuveiro e Batom.
* **Ambiente**: Um fundo desfocado e de alto contraste (HDRI ou skybox de gradiente simples) representando um interior de salão chique para manter o foco totalmente na personagem.
* **Otimização para Mobile**: Limita a cabeça da personagem a <5000 polígonos. Usa atlas de texturas para reduzir os comandos de desenho. Implementa uma escala dinâmica de resolução baseada no `window.devicePixelRatio` para manter FPS elevados no telemóvel.
### 2. Requisitos de Áudio
* **Música de Fundo (BGM)**: Um loop de música "Lounge Pop" animada, ao estilo de um desfile de moda. Deve ser energética, mas não distrativa.
* **Efeitos Sonoros (SFX)**:
* **Interação**: Um som "amolecido" ou "estalado" satisfatório ao remover borbulhas. Um ruído branco contínuo "shhhhh" ao lavar o cabelo/pulverizar água. Sons suaves de "escovagem" ao aplicar maquilhagem.
* **Interface de Utilizador (UI)**: Um som agudo de "Sino de Cristal" ou "Brilho" quando uma etapa da maquilhagem está 100% completa. Um "Clique" suave para a seleção de ferramentas.
### 3. Ciclo de Jogo
* **Estágio 1: A Limpeza (Foco ASMR)**: A cara começa coberta com texturas de "sujeira" e malhas 3D de "borbulhas". O jogador tem de arrastar uma ferramenta de esponja para apagar a textura de sujeira (usando uma máscara alfa dinâmica) e tocar nas borbulhas para as remover.
* **Estágio 2: Aplicação de Maquilhagem**: O jogador seleciona uma ferramenta (ex: Pincel de Blush). Tem de **Tocar e Manter** enquanto se move sobre a área específica da face. Uma barra de progresso enche à medida que a opacidade da cor aumenta na textura do rosto.
* **Estágio 3: Cabelo e Acessórios**: Uma seleção de estilo "Boneca de Papel". Clicar num ícone de penteado troca instantaneamente a malha do cabelo.
* **Condição de Vitória**: Cada etapa tem uma "Percentagem de Beleza". Quando o jogador esfrega/pinta >90% da área alvo, o jogo reproduz automaticamente um efeito de partículas (confetti/estrelas), a câmara afasta-se ligeiramente e aparece um botão "Próximo Estágio".
### 4. Controlos e Interação Móvel
* **Câmara**: Modo Retrato Fixo (proporção 9:16 recomendada). A câmara deve fazer um ligeiro *pan* para seguir a ferramenta ativa (ex: ampliar os olhos ao aplicar sombra).
* **Entrada Tátil**:
* **Arrastar/Deslizar**: Controla o movimento da ferramenta ativa (Pincel/Esponja). A malha da ferramenta deve seguir as coordenadas de `touchmove`, projetadas na superfície da cara usando `THREE.Raycaster`.
* **Toque**: Usado para seleção de UI e ações instantâneas (como rebentar uma borbulha).
* **Layout da UI**: Todos os ícones de ferramentas interativas devem estar colocados numa "Docagem" na base do ecrã, com um tamanho mínimo de alvo tátil de **48x48px**.
* **Feedback**:
* **Visual**: Quando o pincel toca na cara, emitir pequenas partículas de estrelas no ponto de contacto.
* **Háptico**: Ativar `navigator.vibrate(50)` quando uma borbulha é rebentada ou um estágio é concluído.
Gere um jogo de navegador baseado em texto (usando HTML, CSS e JavaScript) onde o jogador explora uma "biblioteca de realidades" infinita. Cada "livro" é um universo gerado proceduralmente. O foco está na descoberta narrativa e em mecânicas simples de recolha/combinação.
**Requisitos Técnicos:**
- Use `<div id="gameContainer">` para todo o conteúdo dinâmico.
- Use arrays de JavaScript para armazenar "fragmentos de história" e propriedades do universo.
- Implemente um sistema de `localStorage` para guardar o progresso.
- CSS deve ser minimalista, estilo terminal (fonte monoespaçada, fundo escuro, texto ciano/verde).
**Mecânica Principal:**
1. O jogador começa numa "sala do catálogo" central.
2. Cada comando `explorar` gera um novo livro/universo com:
```javascript
{
id: Date.now(),
titulo: gerarTituloAleatorio(),
fragmentos: [/* array de 3-5 frases geradas */],
propriedades: ["quantico", "gótico", "tecnomágico", /* etc. */].sort(() => Math.random() - 0.5).slice(0,2)
}
```
3. O jogador pode `ler [id]` para ver detalhes, `recolher [id]` para guardar fragmentos, ou `combinar [id1] [id2]` para tentar fundir propriedades e desbloquear um novo livro.
**Interface do Utilizador:**
```html
<div id="outputLog"></div>
<input type="text" id="commandInput" placeholder="Comando (explorar, ler, recolher, combinar, salvar, carregar)">
```
**Exemplo de Geração de Fragmento:**
```javascript
const fragmentos = [
`Neste universo, ${objetos[Math.floor(Math.random() * objetos.length)]} ${verbos[Math.floor(Math.random() * verbos.length)]} eternamente.`,
`As leis da física aqui são ditadas por ${entidades[Math.floor(Math.random() * entidades.length)]}.`
];
```
**Nota:** O jogo deve sentir-se como um "sonho de bibliotecário" – misterioso, expansivo, mas mecanicamente simples.
CRIE • PARTILHE • GANHE
Os jogos são divertidos. Criá-los é ainda melhor.
Introdução ao jogo
Sobre o Beauty Salon
Beauty Salon é a experiência de transformação definitiva que coloca você no comando de mudanças de beleza completas! Este envolvente jogo para raparigas combina estilização capilar, cuidados com a pele, arte da maquilhagem e coordenação de moda num simulador abrangente de salão de beleza. Quer esteja a ajudar alguém a preparar-se para um evento especial ou simplesmente a desfrutar de estilização criativa, este jogo oferece infinitas possibilidades para makeovers glamorosos.
Funcionalidades Principais
Processo Completo de Transformação de Beleza
Vivencie cada etapa de uma visita a um salão de beleza profissional:
- Serviços de Cuidados Capilares : Comece por lavar e condicionar o cabelo, depois passe para corte, estilização e coloração
- Tratamentos de Pele : Forneça relaxantes tratamentos faciais e rotinas de cuidados para um brilho saudável
- Aplicação de Maquilhagem Profissional : Domine a arte da maquilhagem com base, sombra de olhos, batom e muito mais
- Criatividade em Penteados : Desenhe penteados deslumbrantes, desde elegantes coques a cortes modernos
- Coordenação de Moda : Selecione os conjuntos e acessórios perfeitos para completar cada visual
Experiência de Jogo Intuitiva
O jogo apresenta controlos intuitivos que tornam o estilismo de beleza acessível a todos:
- Controlos de Clique Simples : Interface fácil de apontar e clicar, adequada para todos os níveis de habilidade
- Ferramentas Interativas : Ferramentas de beleza realistas que respondem ao seu toque
- Liberdade Criativa : Múltiplas opções para cada etapa de estilismo permitem criatividade ilimitada
- Resultados Instantâneos : Veja as transformações acontecerem em tempo real enquanto trabalha
Diversas Opções de Estilismo
Desbloqueie a sua criatividade com possibilidades extensivas de personalização:
- Múltiplos penteados, desde casuais a formais
- Ampla seleção de cores e estilos de maquilhagem
- Roupas e acessórios modernos para todas as ocasiões
- Vários tratamentos de beleza e serviços de spa
- Looks para ocasiões especiais, incluindo preparativos para festas e concursos
Guia de Jogo
Controlos Básicos
- Clicar ou Tocar : Faça seleções a partir das opções disponíveis
- Clicar e Manter Pressionado : Aplicar ações contínuas como lavar o cabelo ou aplicar maquilhagem
- Arrastar : Mover itens ou ajustar elementos de estilo
- Navegação no Menu : Explorar diferentes ferramentas e opções de beleza
Processo de Beleza Passo a Passo
- Cuidados com o Cabelo : Comece por lavar e secar o cabelo da cliente usando vários champôs e tratamentos
- Cuidados com a Pele : Aplicar máscaras faciais, produtos de limpeza e hidratantes para uma pele saudável e radiante
- Aplicação de Maquilhagem : Escolha entre inúmeras opções de maquilhagem para realçar a beleza natural
- Penteado : Crie o penteado perfeito usando ferramentas de corte, ondulação e modelação
- Seleção de Moda : Complete a transformação com roupas e acessórios elegantes
- Toque Final : Adicione detalhes finais para aperfeiçoar o visual geral
Por que Jogar ao Salão de Beleza
Benefícios Educativos e Criativos
- Desenvolvimento da Criatividade : Expressar a visão artística através de escolhas de beleza e moda
- Coordenação de Cores : Aprender sobre combinação de cores e composições de estilo
- Tomada de Decisão : Praticar a realização de escolhas estéticas e ver os seus resultados
- Autoexpressão : Explorar diferentes estilos e tendências de beleza em segurança
Valor de Entretenimento
- Alívio do Stress : Desfrutar de uma jogabilidade relaxante e meditativa, perfeita para descontrair
- Rejogabilidade Infinita : Cada sessão de *makeover* oferece novas possibilidades criativas
- Satisfação de Conquista : Experimentar a alegria de completar transformações belas
- Partilha Social : Criar looks que valem a pena mostrar a amigos e família
Acessibilidade e Conveniência
- Gratuito para Jogar : Desfrutar de acesso completo a todas as funcionalidades sem qualquer custo
- Sem Downloads Necessários : Jogue instantaneamente no seu navegador web
- Suporte Multiplataforma : Funciona perfeitamente em computadores, tablets e smartphones
- Adequado para Crianças : Conteúdo seguro e apropriado, projetado especificamente para jogadores jovens
- Sem Registo : Comece a jogar imediatamente sem criar contas