Primi passi (flusso consigliato)

1. Inserisci il ponteggio con ➕ Ponteggio.
2. Imposta dimensioni: Campate, Impalcati, Interasse (cm), Altezza (cm) in Proprietà & Guida (aggiornamento LIVE).
3. Gestisci pedane/fermapiedi:
   • Se il cantiere è “standard”: attiva Tutti da L1 per pedane e fermapiedi.
   • Se ci sono accessi o varchi: disattiva Tutti da L1 e seleziona i singoli livelli.
4. Aggiungi diagonali (stabilità): clicca le celle B#–L# in Diagonali (vista L0 in basso → più realistico).
5. Aggiungi scale per i percorsi: clicca le celle B#–L# in Scale (linea rossa da 1/2 campata a 3/4 superiore).
6. Rete antipolvere (se richiesta): attiva da Proprietà o con l’icona 🕸️. Imposta colore/trasparenza. Opzione anche L0 se serve coprire tutta l’altezza.
7. Sovrapponi immagini (facoltativo): carica Sfondo o Immagine, ridimensiona e manda dietro (sfondo).
8. Annota con Testo e Linea (2-click) (quote veloci, note operative).
9. Controlla layer (visibilità/z-order) e salva il progetto.
10. Esporta in PNG/PDF per condivisione o stampa.

Pulsanti e comandi — Barra superiore

Pulsante	Cosa fa	Dettagli operativi / Suggerimenti
➕ Ponteggio	Crea un nuovo ponteggio al centro schermo.	Subito dopo regola Campate/Impalcati/Interasse/Altezza in Proprietà. Ogni variazione è LIVE.
➕ Testo	Inserisce una nota testuale nel punto cliccato.	Il testo si sposta con drag; colore/dimensione/rotazione solo da Proprietà (pivot al centro).
🖼️ Sfondo / 📷 Immagine	Carica un’immagine al centro.	Ridimensiona con maniglie; “Imposta come sfondo” (in Proprietà) la manda dietro a tutto. Usa Layer per visibilità.
✏️ Linea	Disegna una linea a due click (inizio→fine).	Imposta colore/spessore/tratteggio nel pannello flottante. Dopo il 2° click la modalità si chiude.
🕸️ Rete	ON/OFF rapido rete sul ponteggio selezionato.	Per colore e trasparenza usa Proprietà. Opzione “anche L0” per rete a tutta altezza.
⭐ Ancoraggi	Inserisce un ancoraggio (asterisco blu 65 px).	Dopo ogni inserimento chiede se continuare; in Proprietà puoi cambiare colore/dimensione e applicare a tutti.
Zoom − 100% +	Controllo zoom; 100% resetta la scala.	Rotellina per zoom veloce (con Ctrl più deciso). Spazio + drag = Pan.
Snap	Snap griglia/nodi ON/OFF.	Tieni Alt per disattivarlo temporaneamente: utile per micro-allineamenti o tracce libere.
💾 Salva / 📂 Archivio	Salva con nome / Elenco progetti (carica/elimina).	I progetti sono locali nel browser (localStorage), non serve login o rete.
Export PNG	Esporta un’immagine raster.	Risolve i colori CSS; fondo bianco; ideale per relazioni e bozze rapide.
Export PDF	Scarica un PDF A4 orizzontale.	Richiede connessione per jsPDF (CDN). Il disegno è centrato e scalato con margine.
?	Apri questa guida (popup 80%).	Chiudi con pulsante ✖, ESC o clic sull’overlay scuro.

Pannelli laterali: Layer & Proprietà

Layer & Oggetti (destra)

• Vedi solo i layer con contenuti: BG (sfondo), scaffold, draw (linee), anchors, images, people (se usato), text.
• Oggetti elencati per layer con nome leggibile (es. “Ponteggio #1”).
• 👁 visibilità, ⬆/⬇ riordino, 🗑 elimina, drag&drop per riposizionare nel layer o tra layer.

Proprietà & Guida (sinistra)

• Seleziona un oggetto per vederne le opzioni: Testo, Immagine, Ancoraggio, Linea, Ponteggio.
• Tutte le modifiche sono LIVE (dove indicato).

Ponteggio: tutti i parametri e come usarli al meglio

Diagonali (LIVE): criteri e buone pratiche

• Inserisci cliccando le celle B#–L# (L0 in basso): si disegna una X nella campata/livello scelto.
• Consiglio: alterna le diagonali per distribuire gli sforzi; copri campate chiave (angoli, estremi, zone vento).
• Restano dietro a pedane/fermapiedi per una lettura più pulita.

Scale (LIVE): posizionamento corretto

• Seleziona le celle B#–L# (L0 in basso). La scala appare come linea rossa da 1/2 campata al 3/4 del livello superiore.
• Per percorsi continui, pianifica le campate delle scale in colonna (es. B2: L0→L1, L1→L2, …).

Pedane & Fermapiedi per livello: controllo fine

• Per cantieri con varchi (carrai, logge): disattiva Tutti da L1 e seleziona i livelli esatti con i pulsanti L#.
• Grafica: la pedana è nera (5 px), il fermapiede è azzurro 20 cm; i contorni pedana sono evidenziati.

Rete Antipolvere: quando, come e opzioni

• Copertura da L1 alla sommità; opzione “anche L0” per copertura integrale.
• Scegli colore e trasparenza in Proprietà; attiva/disattiva anche con l’icona 🕸️.
• Consiglio: non usare opacità eccessiva (evita nascondere scale/diagonali importanti).

Strumento Linea (2-click): guida completa

1. Premi Linea → si apre il pannello per colore, spessore, tratteggio.
2. Primo click sul punto iniziale; muovi per anteprima; secondo click sul punto finale.
3. La modalità si chiude automaticamente. Modifica poi le proprietà in Proprietà.

Testo: gestione, rotazione sul centro e stile

• Inserisci testo → clic nel punto. Il testo si sposta trascinandolo.
• Rotazione/colore/dimensione da Proprietà. La rotazione avviene attorno al centro del testo (pivot calcolato automaticamente).

Immagini & Sfondo

• Carica immagine / sfondo → inserita al centro.
• Ridimensiona con maniglie, ruota con maniglia tonda (immagini); Testo non ha rotazione con maniglia.
• “Imposta come sfondo” in Proprietà per inviarla in fondo allo stack.

Ancoraggi: inserimento, modifica e standardizzazione

• Click per inserire ⭐ 65 px, blu. Dopo ogni inserimento viene richiesto se aggiungerne altri.
• In Proprietà: colore e dimensione; con “Applica a tutti” uniformi lo stile.
• Si spostano con drag; non hanno rotazione.

Zoom, Pan & Snap: precisione e velocità

• Zoom: pulsanti o rotellina (Ctrl = più deciso). 100% resetta.
• Pan: Spazio + drag.
• Snap: attivo per allineamenti rapidi; Alt per OFF temporaneo.

Salvataggi & Export (PNG / PDF)

• Salva con nome; in Archivio carichi o elimini progetti (tutto in localStorage).
• Export PNG: immagine raster, fondo bianco, colori CSS risolti.
• Export PDF: A4 orizzontale, centrato, margine 5 mm; richiede jsPDF (da CDN).

Workflow “ricetta” completo (esempio pratico)

1. ➕ Ponteggio → Campate 7, Impalcati 4, Interasse 180, Altezza 200.
2. Pedane/Fermapiedi: attiva Tutti da L1. Se c’è varco al L1 in B1, disattiva pedana L1 in B1 (usa pulsanti per livello).
3. Diagonali: inserisci X in B1-L0, B3-L1, B5-L2, B7-L3 (schema alternato).
4. Scale: colonna B2 per L0→L1, L1→L2, L2→L3 (percorso continuo).
5. Rete: attiva “Mostra rete”; colore verde medio; opacità ~0.35. Se serve coprire base, attiva “anche L0”.
6. Immagine facciata → ridimensiona e “Imposta come sfondo”.
7. Testo note (“Varchi di carico”, “Percorso scale”) + Linea per evidenziare aree.
8. Layer: nascondi temporaneamente rete o immagini per verifica; poi ri-attiva.
9. Salva (es. “Ponteggio_facciata_est_v1”).
10. Export PDF per stampa/relazione.

Errori comuni & come evitarli

• Diagonali solo su un lato: distribuisci lungo la struttura per stabilità e lettura grafica.
• Rete troppo opaca: evita nasconda scale/diagonali; mantieni una trasparenza “leggibile”.
• Pedane/fermapiedi non allineati ai montanti: in questa app arrivano già a filo (0↔W). Verifica comunque layer e z-order.
• Testo ruotato “a mano”: il testo ruota solo da Proprietà (pivot al centro) per garantire precisione.

Scorciatoie da tastiera

Azione	Tasto
Pan	Spazio + trascina
Snap OFF temporaneo	Alt
Elimina selezionato	Canc
Zoom	Rotellina (Ctrl = più rapido)
Chiudi guida	ESC o click sull’overlay

FAQ

La rete non si vede

Controlla “Mostra rete” in Proprietà o usa l’icona 🕸️. Se è troppo trasparente, aumenta l’opacità.

La linea non si ferma

Lo strumento Linea è a due click: dopo il secondo click la modalità si chiude automaticamente.

Come ruoto il testo?

Solo da Proprietà: la rotazione avviene attorno al centro del testo per garantire coerenza grafica.

Posso spostare tutti gli ancoraggi insieme?

Puoi uniformarne aspetto (colore/dimensione) con “Applica a tutti”. Per spostarli, selezionali singolarmente (drag rapido).

Disclaimer (web-app gratuita)

© 2025 — Chiudi questa finestra per tornare al disegno.