[ STATUS: SISTEMA ONLINE ] — Controle o sistema com suas próprias mãos.

ShadowLevel é uma simulação de interface holográfica imersiva, inspirada na estética de Solo Leveling.
O projeto ganha vida através de uma IA que traduz gestos físicos em comandos do sistema, permitindo ao usuário controlar módulos de poder, música e combate usando apenas as mãos.

---

🎥 Demonstração do Sistema

---

🛠️ Tecnologias Usadas

• Frontend: HTML5, CSS3 (Flexbox, Grid, animações), JavaScript ES6
• IA (Oráculo): Google MediaPipe HandLandmarker
• Animações: Canvas API
• Áudio: Web Audio API + Áudio

---

⚡ Funcionalidades Principais

Interface Holográfica

Design inspirado em ficção científica e magia, usando:

• Fonte Orbitron
• Efeitos de glow
• Blur
• Partículas dinâmicas

Animações Dinâmicas

Vários efeitos em canvas:

• Partículas
• Runas giratórias
• Equalizador circular
• Ondas de choque

Módulos Interativos

Módulos principais:

• Powers
• Music
• Duelo

Módulo de Jogo

Mini-game estilo Parry, com:

• Sistema de HP
• Sistema de Postura
• Barra de Super

Módulo de Mídia

Player de música funcional com:

• Visualizador de áudio circular
• Construído com Web Audio API

Controle por IA

Reconhecimento de gestos em tempo real via webcam.

---

🧠 O Oráculo (IA de Gestos)

A principal funcionalidade é o Oráculo, que traduz seus movimentos da mão em comandos.

Tecnologia Usada

• MediaPipe HandLandmarker (Google)
• 100% rodando no navegador via JavaScript ES6 Modules

Funcionamento

O script shadowlevel/codigo/src/intelligentSystem/ai_controller.js:

1. Ativa a webcam
2. Analisa frames em tempo real
3. Classifica o gesto entre os pré-definidos

---

💠 Módulos Centrais (Interfaces)

Módulo	Print	Propósito
Home		Portal de entrada
Central		Hub do sistema
Powers		Invocação de poderes via gestos
Duelo		Mini-game estilo Parry
Music		Player holográfico + equalizador
Sobre		Documentação temática

---

✋ Gestos Mapeados

Gesto	Powers	Music	Duelo
✊ Punho Fechado	Ativa “Arise”	Música Anterior	Ruptura (Quebra o shield)
✋ Mão Aberta	Ativa “Aura”	Play / Pause	Defesa (Escudo)
☝️ Apontando	Abre “Habilidades”	Próxima Música	Ataque (Corte da Adaga)
✌️ 2 com os dedos	Mana	-	Arise (Habilidade)
🤙 Tá tranquilo	Abre o Inventário	-	-

---

🚀 Ativação do Sistema (Como Acessar o Site)

1. Acesse o site do projeto:

https://shadowlevel.netlify.app

2. Vá em settings (Fica na esquerda da URL do site):

3. Acesse as configurações do site:

4. Habilite a webcam: