Como usar
Com base no guia do editor · atualizado em 23 ago. 2026
O editor Tailorsim desenha painéis 2D, emparelha costuras, pré-visualiza em 3D e depois simula tecido no manequim — abra /pt/editor (ou /en/editor · /th/editor) · idioma e entrada ficam no canto superior direito · experimente sem entrar · entre para salvar no servidor ou usar o catálogo
Layout
- Barra superior: Arquivo (conjunto de exemplos / Abrir JSON / baixar / salvar / imprimir) · Undo/Redo · Experimentos (allowlist) · Mais (material)
- Canto superior direito: idioma · entrar / conta
- Trilho de ferramentas 2D (desktop): flutuante no canto inferior esquerdo — Desenhar · Selecionar · Mover · Inserir · Excluir · Costura · Simular
- Esquerda: Inspector · Centro: canvas 2D (escuro) · Direita: vista 3D e Camadas
- Celular/tablet: abas 2D | 3D | Inspector | Camadas · ferramentas como FAB no painel 2D
- O progresso da simulação é um diálogo centralizado · após sim: Material · Iluminação · Limpar resultado da sim
Início rápido
- Arquivo → Conjunto de exemplos · Abrir JSON (somente admin) · editor vazio carrega camiseta padrão
- Modo Selecionar — clique ou laço · só para vértices, escolha primeiro o chip Vértice ao lado de Selecionar
- Modo Mover — arraste para transladar · Shift+arrastar para rotacionar · ou setas
- Modo Costura — clique na borda A e depois na B · cordões de costura roxos no canvas
- Arquivo → Baixar JSON salva painéis + costuras · rascunho do navegador é salvo automaticamente
- (Opcional) Entre, salve no servidor · reabra em /designs
- Excluir remove a seleção · Ctrl+Z desfaz (funciona mesmo com layout de teclado não QWERTY)
Pan e zoom
- Botão do meio + arrastar = pan · Scroll = zoom
- Espaço + arrastar com o esquerdo = pan (alternativa)
- Toque com dois dedos: pan juntos · pinça = zoom
Ferramentas principais
- Desenhar painel: coloque ≥3 pontos · Enter ou clique no primeiro ponto para fechar · Esc cancela
- Selecionar: clique/laço · não move · Ctrl/Cmd alterna a seleção
- Mover: arraste painel/borda/vértice · Shift+arrastar rotaciona · painéis no mesmo Z têm ímã de bordas
- Inserir vértice: clique perto da borda · sem ímã de grade · borda costurada = bloqueado
- Excluir: segue o chip de filtro · vértices costurados destacados em âmbar
- Costura: borda A e depois B · bordas costuradas bloqueiam · Esc limpa a primeira borda
- Chips de filtro após Selecionar: Auto / Vértice / Borda / Painel — afetam clique e laço
Ímã de grade · guias · ímã de bordas
- Ímã de grade: caixa no canto superior direito do 2D (ligada por padrão) · Alt ao arrastar = desliga temporariamente
- Linhas guia: mesma área de caixas (desligadas por padrão) · só alinhamento · não atraem vértices
- Ímã de bordas: ao mover painéis inteiros perto da mesma camada frente/verso · Alt = off · não enquanto rotaciona ou move vértices/bordas
Inspector e menu de contexto
- O inspector à esquerda segue a seleção (painel · borda · vértice) · um vértice: x/y local + profundidade z · vários vértices/bordas: deslocamento z/x/y a partir de 0 · digite números e Enter · ▲▼ aplicam na hora
- Vários painéis: campos de posição são deslocamentos x/y/z (começam em 0) somados a cada painel selecionado
- Clique direito: excluir · inserir · costurar/descosturar · duplicar · espelhar · baixar · imprimir · limpar canvas
- Duplicar painel com costuras = bloqueado · um só: espelho esquerda/direita/cima–baixo → frente/verso · vários: frente/verso em torno do centro da seleção
Costuras
- Costura → primeira borda (roxa) → segunda borda → cordão tracejado + seta
- Um par de costura por borda · sem costura válida = não dá para simular
- Camadas → Costuras mostrar/ocultar cordões · clique no cordão para selecionar · clique direito descosturar/inverter
- Diferença de comprimento > ~5% → cordão âmbar · os painéis não são esticados automaticamente
- Salvar: Baixar JSON · após entrar, salvar no servidor em /designs · compartilhar somente leitura pelo catálogo
Camadas · frente/verso
- Caixa da camada = ocultar/mostrar · clique duplo no nome = nome de exibição (id do arquivo não muda)
- Z positivo = frente · Z negativo = verso · a camada verso espelha esquerda–direita em direção ao observador
- Arrastar um painel sobre outro manequim e soltar = mover automaticamente para esse manequim
Painel 3D · escolha do manequim
- Padrão: 2D à esquerda / 3D à direita · arraste para orbitar · roda = zoom · painéis flutuam até Simular
- Escolher manequim · buscar por medidas (~5000) · enviar OBJ · gerar MakeHuman (macros / pose)
- Validar / Pré-visualizar antes da sim · linhas roxas em 3D correspondem aos cordões de costura 2D
Simulação de tecido
Antes de Simular: o modelo precisa de pelo menos um par de costuras · defina o destino de execução e tecido/passos em Configurações de sim
- Destino de execução: Servidor (Python) ou Navegador na aba (WebGPU quando disponível) · salvo neste dispositivo
- WebGPU precisa de HTTPS ou localhost — http://IP-LAN não consegue selecionar a GPU (use CPU)
- Configurações de sim: preset de tecido · envoltório/liberação/subpassos · maleabilidade · presets personalizados salvos localmente
- Simular abre um diálogo · o resultado substitui o painel 3D por tecido + manequim
- Material: cor/textura (só visual) · branco padrão + `/materials/default.png` · funciona em painéis planos · não muda a física da sim
- Iluminação: após a sim · pré-visualização ao vivo · não roda a sim de novo
- Limpar sim: volta aos painéis planos · rode Simular de novo para ver os ajustes
Salvar · catálogo · impressão
- Baixar JSON = painéis + costuras · Abrir JSON / Conjunto de exemplos · rascunho do navegador
- Entre para salvar no servidor · abra em /designs · compartilhe somente leitura pelo catálogo
- Imprimir… / Baixar SVG · escolha Actual size 100% no diálogo de impressão (não Fit to page)
- Entrada e saída podem registrar IP e horário por segurança — veja a página de privacidade
- Undo/Redo ≥50 passos · Ctrl+Z / Ctrl+Y
Símbolos do canvas
- Azul = borda do painel · Vermelho = bordas cruzadas (aviso)
- Cordão de costura = linha tracejada + seta · Borda roxa = aguardando a segunda borda (modo costura)
- Ponto laranja + linha fina = alça de curva · Preenchimento azul = painel selecionado
Atalhos comuns
- Setas movem · Shift+setas rotacionam · Delete/Backspace excluem
- Ctrl+Z desfazer · Ctrl+Y refazer (teclas físicas Z/Y, não letras digitadas)
- Enter fecha o painel (≥3 pontos) · Esc cancela traço/costura
- Alt ao arrastar = desliga ímã de grade e de bordas