Voltar ao blog de BIM e IFC
Ferramentas e comparativos · 2026-11-01 · 6 min
Esboço 3D online: desenhe no espaço com caneta ou dedo, no navegador
Um esboço 2D mostra uma só vista. Aqui cada linha mantém seu lugar no espaço, então você pode girar a ideia e continuar desenhando do novo lado. Gire e desenhe no exemplo ao vivo, sem instalar nada.
Torre torcida com uma diagrid luminosa e a trajetória do sol, desenhada com linhas 3D sobre fundo preto
O papel fixa seu ponto de vista antes de começar. Se a ideia precisa ser vista de lado, você a desenha de novo. No esboço 3D cada linha mantém seu lugar no espaço: você gira o desenho e continua. Experimente abaixo: é o motor real, não um vídeo.
Gire esta torre e desenhe sobre ela
Ela é reproduzida linha a linha. Arraste para girar, pressione Desenhar para adicionar suas linhas e experimente um filtro. Nada do que você faz aqui é salvo.
Abrir no estúdio
O essencial
- Cada linha continua em 3D: você gira a vista e ela mantém seu lugar.
- Você desenha num plano que pode mover, então controla a profundidade.
- Há pressão, estabilizador, camadas, modos de mesclagem e filtros.
- Roda no navegador e o desenho fica no seu dispositivo.
Como controlar o desenho em 3D
Uma caneta se move em duas dimensões, então algo precisa fornecer a terceira. Esse algo é o plano de desenho, e quase todo o design de toque do estúdio busca tornar rápido posicioná-lo.
- Escolha um plano ou deixe em Auto Chão, frente e lado estão a um toque. Em Auto, cada traço cai no plano mais voltado para você.
- Comece de uma linha já desenhada Um traço que começa na ponta de outra linha leva o plano até esse ponto, e a parede seguinte nasce do canto.
- Gire com dois dedos Dois dedos orbitam ou fazem pinça, nunca os dois no mesmo gesto. Início traz você de volta se você se perder.
Três coberturas em sela a partir de linhas retas, com lápis e uma camada de marcador em multiplicar. Traçado por código no motor do estúdio.
A linha: o que acontece entre a caneta e a tela
O estúdio lê a pressão e a inclinação pelos Pointer Events[pointer], aplica sua curva de pressão e estabiliza a linha com um estabilizador do tipo que Krita e Clip Studio oferecem. Pare no fim de um traço e ele vira uma reta, uma elipse ou um retângulo. Uma caneta sem sensor de pressão, ou um dedo, usa a velocidade.
O estúdio real em tamanho de tablet, emulado no Chromium: ferramentas, barra de planos, quatro camadas, modos de mesclagem e filtros.
Camadas e filtros, sem perder o 3D
Cada camada tem opacidade, modo de mesclagem e filtros: matiz, saturação, brilho, borda suave, granulado, brilho difuso e duotone. Eles não alteram as linhas, então você pode mudá-los quando quiser, e acompanham o desenho quando ele gira.
Um desenho, seis aspectos. Em cima: sem filtro, Planta azul, Aguada. Embaixo: Giz, Neon, Desbotado.
Onde se encaixa entre as ferramentas de esboço 3D
Não é uma categoria nova: Feather[feather] é um app dedicado ao esboço 3D, e Penzil[penzil] já mostrou a ideia num navegador há anos. O que distingue este é o que está ao lado: o mesmo site abre modelos IFC de edifícios, então você pode esboçar sobre um projeto real.
| Exportação | Abre em | Mantém |
|---|
| PNG ou cartão de compartilhamento | Qualquer lugar, Stories do Instagram, LinkedIn | O aspecto, com filtros |
| PSD | Apps que leem PSD | Camadas, opacidade, modos de mesclagem, filtros aplicados |
| OpenRaster (.ora) | Krita, GIMP | Camadas, opacidade, modos de mesclagem, filtros aplicados |
| SVG | Editores vetoriais | Linhas e modos de mesclagem, sem filtros |
| Script do Blender (.py) | Blender | Traços como curvas 3D, sem filtros |
O que testamos e o que não testamos
Testamos o estúdio no Chromium com entrada sintética de caneta e toque em tamanhos de celular, dobrável e tablet. O script do Blender rodou no Blender 4.5, e outros softwares leram os arquivos PSD e OpenRaster. Ainda não testamos com canetas nem dispositivos físicos, então os limites dos gestos podem precisar de ajustes.
Esboço 3D online: desenhe no espaço com caneta ou dedo, no navegador