📐 BACH STAGEMAP 3D

Manual Completo
de Operação

Ferramenta web 3D pra profissionais de eventos montarem palco, iluminação e estrutura antes de fechar o contrato. Bônus do Método V3D e da Mentoria VME.

v3d-planner.html~12.700 linhas · arquivo único
Three.js v0.128WebGL + GPU high-perf
Onlinestagemap3d.metodov3d.com.br

01Visão geral

O Bach Stagemap 3D roda 100% no navegador. Você abre, login automático (file://), e tem uma cena 3D vazia com biblioteca de mais de 1.900 modelos prontos: caixas de som, treliças, painéis LED, palcos, plateia, mobília, estruturas, projetos completos da Gaveta.

Você arrasta, escala, rotaciona, agrupa, aplica vídeo nos painéis, salva o projeto, exporta PDF técnico, GLB pra abrir em SketchUp/Capture, MP4 cinemático.

Pra que serve

Mostrar pro cliente o palco antes de montar. Economizar tempo de orçamento. Justificar preço premium pelo visual. Ganhar contratos contra concorrência que ainda manda foto de SketchUp 2D.

Pra quem

Técnico de som, luz, palco, LED. Produtor de eventos. Cenógrafo. DJ. Vendedor de soluções audiovisuais. Quem fecha contrato baseado em apresentação visual.

02Sistema em números

1.949Modelos na biblioteca
12Categorias de modelos
39Projetos prontos da Gaveta
4Vistas (3D / Top / Frente / Lado)

03Toolbar — 3 linhas

A toolbar superior tem 3 linhas. Cada linha agrupa funções por contexto. Pode esconder com Q.

Linha 1 — Arquivo + Transformar + Pill ILIMITADO

📐 LOGO
Arquivo ✨ Novo 📂 Abrir 📥 Importar 💬 IA 📋 PDF 📝 Memorial 💾 Salvar 🗑 Limpar
Transformar ↔ Mover (A) ↻ Girar (S) ⤢ Escala (D) 🔄 Auto
LB · ⏱ ∞ ILIMITADO
BotãoFunçãoAtalho
✨ NovoCria projeto novo (limpa cena, mantém configuração)
📂 AbrirAbre projeto salvo (.v3d) do PC
📥 ImportarImporta modelo individual: .glb, .gltf, .obj, .dae (SketchUp exporta DAE)
💬 IAAssistente IA — descreva o evento e ele monta cenário base
📋 PDFPDF técnico A4 multi-página: capa+KPIs / 4 vistas / equipamentos por categoriaCtrl+P
📝 MemorialMemorial descritivo do projeto (texto vai pro PDF)
💾 SalvarSalva projeto como arquivo .v3d (download)Ctrl+S
🗑 LimparLimpa cena toda — cuidado, sem confirmação
↔ MoverModo translate — gizmo X/Y/Z aparece no item selecionadoA
↻ GirarModo rotate — anéis de rotação no itemS
⤢ EscalaModo scale — cubinhos de escalaD
🔄 AutoRotação contínua do item selecionado. Painel #auto-opts aparece com 4 eixos: Altura (Y), Largura (X), Profundidade (Z), 360° (todos)
Pill ∞ ILIMITADOIndicador de status da licença. Aluno trial vê timer. Admin/staff vê ∞

Linha 2 — Piso + Ambiente + Ferramentas

Piso 15 × 15 m Palco ▾ 🎨 👁 Chão OK
Ambiente 📷 Foto 🏛 Faces
Ferramentas 📏 Régua (R) 🏗 Parede (P) ⊞ Grupo (G) 🧲 Snap (F) 15° ▾ 👁 Desocultar (N)
BotãoFunção
Inputs W × HLargura × profundidade do piso em metros. Pé-direito é fixo 6m (input #falt oculto)
Tipo de pisoSelect: Palco, Salão, Externo, etc — muda textura/material
Color pickerCor base do piso
👁 ChãoLiga/desliga visibilidade do plano de chão
OKConfirma e regenera o piso com novas dimensões/material
📷 FotoImporta foto de ambiente — 3 modos: 360° panorâmica de fundo / Planta baixa no chão / Painel/backdrop 3D
🏛 FacesPanorama por 6 faces — uma foto por parede da sala (cube map)
📏 RéguaModo medição — clica 2 pontos no piso ou nos itens, mostra distância em m
🏗 ParedeModo parede — desenha paredes clicando no piso. 3 sub-modos: Reta, L-shape, Quadrado (com medida fixa ou livre)
⊞ GrupoAgrupa itens selecionados. Posições preservadas (sem snap automático)
🧲 SnapEncaixe magnético — quando ON, mover item perto de outro encaixa face-a-face. Threshold dinâmico por tamanho.
Snap angleSteps de rotação: 5°, 10°, 15° (default), 30°, 45°, 90°
👁 DesocultarDesoculta todos itens hidden. Aparece com badge de count quando há ocultos.

Linha 3 — Cena + Vista + Projeto

Cena 💡 Feixes 🔆 Real 💨 Haze ⚡ Strobe 🎯 Follow 🎭 Show 📽 Cues Int 5
Vista 🎥 3D 📐 2D ⬜ Frente ▭ Lado ⊡ Fit (F) 🖲️ Pad 🖱️ Mouse
Projeto Projeto X Cliente Data 🖼 Logo
BotãoFunção
💡 FeixesLiga/desliga feixes de luz dos fixtures selecionados (ou todos se nada selecionado). Cones de luz volumétricos.
CorCor padrão dos feixes — clica pra ciclar entre 9 cores. Tem picker individual por fixture no menu de contexto.
🔆 RealSpotLights reais iluminando o piso (mais caro, mais realista)
💨 HazeHaze/fumaça volumétrica — dá densidade aos feixes (estilo show)
⚡ StrobePisca os fixtures (efeito show)
🎯 FollowFollow Spot — após ativar, clica no piso e os fixtures selecionados (ou o mais próximo) apontam pra lá
🎭 ShowShow Mode — escurece ambiente, anima moving heads (pan/tilt sweep), cicla cores, pulse de intensidade ~70 BPM
📽 CuesTimeline de cues — captura cenas e anima entre elas (transições)
Int (slider)Intensidade global dos feixes (1-10)
🎥 3DVista perspectiva (default)
📐 2DVista superior ortho (planta baixa)
⬜ FrenteVista frontal ortho
▭ LadoVista lateral ortho
⊡ FitEncaixa câmera pra ver tudo da cena
🖲️ PadModo trackpad — esquerdo=orbita, direito=pan, scroll=zoom (sensitivity maior pra gestos pad)
🖱️ MouseModo mouse — esquerdo=selecionar, meio=orbita, direito=pan, wheel=zoom
Projeto/Cliente/DataInputs que aparecem na capa do PDF e no memorial
🖼 LogoUpload do logo do cliente — vai pro canto da capa do PDF

05Barra de Cenas (toggle E)

Linha inferior. Mostra/esconde com tecla E. Tem ações de export/preview e lista de "vistas salvas" (snapshots da câmera).

📷 Exportar PNG 📦 Exportar GLB 📷 Salvar Vista ▶ Prévia 🎬 Exportar MP4
Transição 2.5 s Pausa 1.5 s
BotãoFunção
📷 Exportar PNGCaptura PNG da viewport atual (resolução do canvas)
📦 Exportar GLBExporta cena 3D (.glb binário) — abre em SketchUp / Blender / Capture / Resolume
📷 Salvar VistaSnapshot da câmera atual com nome — vai pra lista de cenas. Útil pra preview animado e PDF.
▶ PréviaReproduz transição entre cenas salvas (preview no canvas)
🎬 Exportar MP4Renderiza vídeo MP4 1920×1080 da transição entre vistas salvas. Mime priority: mp4 h264 → mp4 → webm vp9 → webm.
Transição (s)Tempo da transição animada entre 2 cenas consecutivas (default 2.5s)
Pausa (s)Tempo parado em cada cena antes de transicionar (default 1.5s)

06Menu de contexto (right-click)

Click direito num item da cena abre menu contextual com ações específicas.

Item do menuFunção
↔ Mover / ↻ Girar / ⤢ EscalaTroca o modo de gizmo (igual A/S/D)
📋 DuplicarCria cópia colada (gap=0) na direita. Atalho Ctrl+D. Direcional via Ctrl+D + seta (↑↓←→) dentro de 3s
Selecionar tipoSeleciona TODOS os items do mesmo modelo na cena (ex: todas caixas iguais)
⊞ Grupo / ⊟ DesagruparAgrupar/desagrupar (G / Ctrl+G)
🎨 Cor + ↺Color picker pra repintar o item. Botão ↺ restaura cor/textura original.
💡 Criar/Remover FeixesCria sistema de feixe pro fixture (cone + SpotLight real). Cor preferencial preservada.
🎬 Importar vídeo / 🖼 Importar imagemAplica vídeo ou imagem no painel LED selecionado (ou no grupo de painéis conectados — auto-stretch). Detalhes na seção LED.
💡 Brilho LED (slider 0-100)Brilho do painel LED. 0 mata SINE imediatamente. Curva exponencial.
Cor SINEBotão circular ao lado do brilho — cor da luz frontal SINE: R/G/B/W/A/UV. Random ou amostragem do vídeo se null.
👁 OcultarEsconde item da cena. Volta com botão "👁 Desocultar" ou tecla O
🗑 RemoverDeleta item. Recupera com Ctrl+Z

07Atalhos de teclado

Painéis (toggle)

QEsconde/mostra a toolbar superior
WEsconde/mostra a sidebar esquerda
EEsconde/mostra a barra inferior (cenas)

Modos de transformação

AModo Mover (translate)
SModo Girar (rotate)
DModo Escala (scale)

Ferramentas

FFit View — encaixa câmera pra ver toda a cena
RRégua (medição entre 2 pontos)
PParede (modo desenho de paredes)
GAgrupar itens selecionados
OOcultar item selecionado
NDesocultar todos
Del / BackspaceDeletar selecionado
EscCancelar modo atual / fechar painel

Ctrl shortcuts

Não disparam dentro de input/textarea (exceto Ctrl+S).

Ctrl+ZUndo (até 40 níveis)
Ctrl+Y / Ctrl+Shift+ZRedo
Ctrl+DDuplicar — arma direcional. Pressiona ↑↓←→ em 3s pra direção. Sem seta = direita.
Ctrl+C / Ctrl+VCopiar / Colar
Ctrl+ASelecionar tudo
Ctrl+GDesagrupar (intercepta "Find next" do browser)
Ctrl+SSalvar projeto .v3d
Ctrl+PExportar PDF

Setas (só ativas no modo Mover)

Ctrl+→/←/↑/↓Caminha pro próximo item na direção (substitui seleção)
Ctrl+Shift+→/←/↑/↓Caminha + estende seleção (acumula itens passando)

08Workflows comuns

🎯 Workflow 1 — Montar palco do zero pra reunião com cliente

  1. Clique em ✨ Novo pra começar limpo.
  2. Configure piso: 15×15m, tipo "Palco", clica OK.
  3. Sidebar → 📦 Modelos → categoria Estruturas. Clica em "Truss Box 3m" → clica no piso pra colocar. Repete pra montar grid.
  4. Categoria Iluminação: adicione Moving Heads, Beams, PARs nas treliças. Use Ctrl+D+seta pra duplicar em sequência.
  5. Categoria Som: line array em PA esquerdo/direito, subs no chão, monitores no palco.
  6. Categoria Vídeo / LED: painel 2×1 atrás → duplica horizontal pra formar tela 6×2 → agrupa com G.
  7. Categoria Pessoas: adicione plateia (preset 10×6) na frente do palco.
  8. Pressione F pra enquadrar.
  9. 📷 Salvar Vista em ângulos importantes (frontal, isométrico, planta).
  10. 📋 PDF → gera documento técnico com vistas, lista de equipamentos, kW, kg.
  11. 💾 Salvar projeto .v3d pra editar depois.

📺 Workflow 2 — Vídeo no painel LED (com som ambient SINE)

  1. Adicione múltiplos painéis LED 2×1 lado a lado (ou use "Pista Paris 8×8" pré-pronta).
  2. Selecione todos, G pra agrupar.
  3. Right-click no grupo → 🎬 Importar vídeo. Escolhe arquivo .mp4.
  4. O sistema detecta painéis conectados automaticamente (_gatherConnectedLedPanels) e estica o vídeo na tela inteira sem distorcer.
  5. Right-click → slider Brilho LED (0-100). 70 default.
  6. Botão Cor SINE ao lado do brilho — cor da luz frontal que escapa do painel. Click pra ciclar R/G/B/W/A/UV. Null = amostra cor do vídeo automaticamente.
  7. Pra um show: ative 🎭 Show Mode → o painel mantém brilho e o ambiente escurece, dando aquela sensação de show real.

🎭 Workflow 3 — Show Mode com Cues animadas

  1. Monte cena com fixtures (Moving Heads, Beams, PARs) e adicione feixes (💡 Feixes ou right-click → Criar Feixes).
  2. Clica 🎭 Show: ambiente escurece, fixtures começam a animar (pan/tilt sweep), cores ciclam, pulse beat ~70 BPM.
  3. Liga 💨 Haze pra dar volume aos feixes.
  4. 📽 Cues: abre timeline. Clica "+ Capturar cena atual" em vários momentos pra criar cues.
  5. Define duração e transição entre cues.
  6. ▶ Play reproduz a sequência. 🎬 Exportar MP4 renderiza tudo num vídeo MP4 cinemático.

📤 Workflow 4 — Entregáveis pro cliente

  1. 📋 PDF técnico A4 (Ctrl+P): 3 páginas — capa+KPIs / 4 vistas / equipamentos. Inclui Memorial descritivo se preencheu.
  2. 📦 GLB 3D (no scenes-bar): exporta cena binária. Cliente abre em SketchUp/Blender/Capture pra inspeção real.
  3. 📷 PNG (no scenes-bar): screenshot atual em alta resolução.
  4. 🎬 MP4 1920×1080 (no scenes-bar, requer cenas salvas + cues): vídeo cinemático com transições.
  5. 💾 .v3d: arquivo do projeto pra você ou outro operador retomar a edição.

09Painel LED — em detalhes

Sistema completo pra simular telas LED reais com vídeo, brilho ajustável, e luz ambient frontal projetada.

Visual realista de pixels

Os painéis LED da biblioteca já vêm com textura que simula pixels reais (sub-pixels RGB e linhas entre módulos). Você pode usar como decoração estática ou aplicar seu próprio vídeo/imagem por cima.

Aplicar vídeo

  1. Adicione um ou vários painéis LED da biblioteca
  2. Se forem múltiplos painéis montando uma tela maior, agrupe com G
  3. Click direito no painel (ou no grupo) → 🎬 Importar vídeo
  4. Escolha um arquivo .mp4
  5. O sistema detecta automaticamente os painéis conectados e estica o vídeo na tela inteira sem distorcer

Brilho ajustável

Click direito no painel com vídeo → use o slider de brilho (0–100). Padrão é 70. No 0, o painel apaga e a luz ambient frontal some também.

Cor da luz frontal (SINE)

Botão circular ao lado do slider de brilho — define a cor da luz que "escapa" do painel pra frente. Ciclo de cores: R / G / B / W / A / UV. Se nenhuma cor for fixada, o sistema amostra automaticamente a cor predominante do vídeo.

Show Mode

Em Show Mode (botão 🎭), o ambiente escurece e o brilho do painel é compensado automaticamente — fica com aparência realista de show ao vivo.

10Performance — Modo Inteligente

O sistema detecta automaticamente quando um projeto/modelo é pesado e aplica otimizações pra manter tudo fluido — você não precisa fazer nada.

O que acontece em projetos grandes

Pra extrair mais do PC

Biblioteca otimizada

Todos os 1.949 modelos foram pré-processados pra carregar muito rápido (-65% peso médio). Mesmo modelos importados pelo SketchUp passam por otimização automática ao carregar.

11Acesso e Login

O Stagemap 3D faz parte do Método V3D e da Mentoria VME. Acesso liberado pra alunos.

Esqueceu a senha ou problemas pra entrar? Responda o email de boas-vindas que recebeu — o atendimento é direto.

12Troubleshooting

🐌 Cena travada / lenta

Hardware: Chrome → Settings → System → "Hardware acceleration" deve estar ON.

Notebook GPU dupla: clique direito no atalho do Chrome → "Run with graphics processor" → High-performance NVIDIA/AMD.

Se a cena tá com muitos itens, agrupe os componentes que não vai mais editar — isso ajuda a navegar mais leve.

📦 Projeto grande demora pra abrir

Projetos da Gaveta (festivais, casamentos premium) têm bastante geometria. O carregamento mostra etapas embaixo. Aguarde até "Finalizando" — depois fica fluido.

Pra cache funcionar bem, use o sistema online (stagemap3d.metodov3d.com.br). Local file:// tem limite menor de cache.

🎬 Vídeo no painel não aparece

Confirma que o vídeo é .mp4 H.264 (formato padrão). Tamanho razoável (até 500MB).

Para painéis múltiplos: certifique que estão agrupados (G) antes de aplicar o vídeo. Aplique no GRUPO, não em painel individual.

📷 Câmera "presa" / não faz zoom

Aperta F (Fit View) — realinha o centro de zoom pros objetos visíveis. Resolve na maioria dos casos.

Se mudou pra Modo Pad (toolbar) e zoom tá estranho, volta pra Modo Mouse.

💾 Cache antigo confundindo

F12 → Application → Storage → "Clear site data". Limpa tudo e recarrega do zero. Útil se algum modelo aparece corrompido.

⚠️ Login não vai

Verifique se está em stagemap3d.metodov3d.com.br. Confira email/senha (cuidado com espaço no início). Se persistir: responde o email de boas-vindas pra resetarmos pra você.