Torna al blog BIM i IFC
Eines i comparatives · 2026-11-01 · 6 min
Esbós 3D en línia: dibuixa a l’espai amb llapis o dit, al navegador
Un esbós 2D mostra una sola vista. Aquí cada línia conserva el seu lloc a l’espai, de manera que pots girar la idea i continuar dibuixant des del costat nou. Gira i dibuixa a l’exemple en viu, sense instal·lar res.
Torre recargolada amb una diagrid lluminosa i la trajectòria del sol, dibuixada amb línies 3D sobre fons negre
El paper et fixa el punt de vista abans de començar. Si la idea s’ha de veure de costat, la tornes a dibuixar. En l’esbós 3D cada línia conserva el seu lloc a l’espai: gires el dibuix i continues. Prova-ho aquí sota: és el motor real, no un vídeo.
Gira aquesta torre i dibuixa-hi a sobre
Es reprodueix línia a línia. Arrossega per girar-la, prem Dibuixa per afegir les teves línies i prova un filtre. No es desa res del que facis aquí.
Obre a l’estudi
L’essencial
- Cada línia continua en 3D: gires la vista i conserva el seu lloc.
- Dibuixes sobre un pla que pots moure, així controles la profunditat.
- Tens pressió, estabilitzador, capes, modes de fusió i filtres.
- Funciona al navegador i el dibuix es queda al teu dispositiu.
Com es controla el dibuix en 3D
Un llapis es mou en dues dimensions, així que alguna cosa ha d’aportar la tercera. Aquesta cosa és el pla de dibuix, i gairebé tot el disseny tàctil de l’estudi busca que col·locar-lo sigui ràpid.
- Tria un pla o deixa’l en Auto Terra, front i costat són a una pulsació. En Auto, cada traç cau al pla que més et mira.
- Comença des d’una línia ja dibuixada Un traç que comença a l’extrem d’una altra línia porta el pla fins a aquell punt, i la paret següent neix de la cantonada.
- Gira amb dos dits Dos dits orbiten o pessiguen, mai les dues coses en un mateix gest. Inici et retorna si et perds.
Tres cobertes en sella de muntar a partir de línies rectes, amb llapis i una capa de retolador en multiplicar. Traçat per codi al motor de l’estudi.
La línia: què passa entre el llapis i la pantalla
L’estudi llegeix la pressió i la inclinació mitjançant Pointer Events[pointer], aplica la teva corba de pressió i estabilitza la línia amb un estabilitzador del tipus que ofereixen Krita i Clip Studio. Si t’atures al final d’un traç, es converteix en una recta, una el·lipse o un rectangle. Un llapis sense sensor de pressió, o un dit, fa servir la velocitat.
L’estudi real en mida de tauleta, emulat a Chromium: eines, barra de plans, quatre capes, modes de fusió i filtres.
Capes i filtres, sense perdre el 3D
Cada capa té opacitat, mode de fusió i filtres: to, saturació, brillantor, vora suau, gra, halo i duotò. No alteren les línies, així que els pots canviar quan vulguis, i acompanyen el dibuix quan gira.
Un dibuix, sis aspectes. A dalt: sense filtre, Plànol blau, Aiguada. A baix: Guix, Neó, Esvaït.
On encaixa entre les eines d’esbós 3D
No és una categoria nova: Feather[feather] és una app dedicada a l’esbós 3D, i Penzil[penzil] ja va mostrar la idea en un navegador fa anys. El que distingeix aquesta és el que té al costat: el mateix lloc obre models IFC d’edificis, així que pots esbossar sobre un projecte real.
| Exportació | S’obre a | Conserva |
|---|
| PNG o targeta per compartir | Qualsevol lloc, històries d’Instagram, LinkedIn | L’aspecte, filtres inclosos |
| PSD | Apps que llegeixen PSD | Capes, opacitat, modes de fusió, filtres aplicats |
| OpenRaster (.ora) | Krita, GIMP | Capes, opacitat, modes de fusió, filtres aplicats |
| SVG | Editors vectorials | Línies i modes de fusió, sense filtres |
| Script de Blender (.py) | Blender | Traços com a corbes 3D, sense filtres |
Què hem provat i què no
Hem provat l’estudi a Chromium amb entrada sintètica de llapis i tàctil en mides de mòbil, plegable i tauleta. L’script de Blender es va executar a Blender 4.5, i un altre programari va llegir els fitxers PSD i OpenRaster. Encara no ho hem provat amb llapis ni dispositius físics, així que els llindars dels gestos poden necessitar ajustos.
Esbós 3D en línia: dibuixa a l’espai amb llapis o dit, al navegador