Per iniziare
Che cos'è 4mapper
4mapper è uno strumento di projection mapping che gira nel browser, pensato per artisti visivi, performer e VJ che vogliono creare esperienze visive senza passare da software complicati. Che tu stia proiettando su una facciata, su elementi di scena o su un'installazione artistica, trovi un'interfaccia diretta per il controllo in tempo reale.
Nel browser
Nessuna installazione. Funziona direttamente nel browser, su qualsiasi computer.
Controllo in tempo reale
Modifichi mappature e superfici mentre lo spettacolo è in corso.
Interfaccia essenziale
Comandi pensati per chi lavora con le immagini, non per ingegneri.
Multipiattaforma
Windows, Mac e Linux. Ti serve solo aprire il browser.
Requisiti
- Browser: Chrome, Firefox o Edge, preferibilmente aggiornati.
- Computer: una macchina recente con accelerazione grafica attiva.
- Proiettore: qualsiasi proiettore HDMI o DisplayPort, consigliato almeno 1920×1080.
- Connessione: serve per l'accesso e per caricare i progetti.
💡 Consiglio: durante gli spettacoli chiudi le altre schede del browser e usa una scheda grafica dedicata, se ce l'hai. È il modo più semplice per evitare scatti.
Panoramica dell'interfaccia
L'area di lavoro
L'interfaccia è divisa in quattro zone principali.
1. Area di lavoro (al centro)
È lo spazio dove crei e posizioni le superfici di proiezione. Qui vedi i tuoi contenuti e organizzi la disposizione della proiezione.
2. Pannello dei livelli (a sinistra)
Gestisci superfici e video come livelli. Trascina per riordinarli, nascondili o bloccali per non spostarli per sbaglio durante la serata.
3. Pannello delle proprietà (a destra)
Regola la superficie selezionata: posizione, rotazione, dimensione, opacità e modalità di fusione.
4. Barra degli strumenti (in alto)
Accesso rapido alle operazioni frequenti: aggiungere superfici, importare media, salvare il progetto e controllare la riproduzione.
💡 Scorciatoie da tastiera: H nasconde i pannelli per l'anteprima a schermo intero, Spazio avvia e mette in pausa, G mostra e nasconde la griglia.
Le basi del projection mapping
La tua prima superficie
Le superfici sono il fondamento del projection mapping: definiscono le aree su cui verrà proiettato il contenuto.
- Aggiungi una superficie: premi "+" nel pannello dei livelli e scegli la forma (quadrilatero, triangolo, cerchio o poligono).
- Posizionala: trascinala sopra l'area fisica su cui vuoi proiettare.
- Adatta gli angoli: trascina i quattro vertici finché non combaciano con l'oggetto reale.
- Aggiungi il contenuto: trascina un video o un'immagine sopra la superficie.
Deformazione e allineamento
La deformazione serve a far apparire correttamente un video piatto su una superficie che piatta non è.
Trascinamento degli angoli
È la tecnica più usata: selezioni la superficie e trascini le maniglie agli angoli finché l'immagine non coincide con l'oggetto reale.
Deformazione a griglia
Per superfici curve attivi la modalità a griglia e ottieni punti di controllo su tutta l'area. Serve per sfere, cilindri e forme irregolari, dove i soli quattro angoli non bastano.
💡 Come allineare più in fretta: proietta prima una griglia di prova. Rende evidente ogni disallineamento, che a occhio nudo sul video finale spesso non si nota.
Maschere
Le maschere nascondono porzioni della proiezione: utili per escludere finestre, porte o altri elementi che non devono essere illuminati.
- Aggiungi una maschera: seleziona la superficie e premi "Aggiungi maschera" nel pannello delle proprietà.
- Disegna la forma: clicca per creare i punti attorno all'area da escludere.
- Inverti: con l'inversione proietti solo dentro l'area mascherata invece che fuori.
Spettacolo dal vivo
Preparazione
Quasi tutti i problemi durante una serata nascono da controlli saltati prima dell'apertura.
Cosa verificare prima di iniziare
- Proiettori: accesi, collegati e funzionanti.
- Allineamento: ricontrolla la deformazione delle superfici prima dell'inizio.
- Contenuti: carica tutti i video e provali almeno una volta.
- Piano B: tieni pronti contenuti di riserva e una scena alternativa.
- Salvataggio: salva più versioni del progetto.
Configurazione con due schermi
L'allestimento professionale usa due uscite video: una per i comandi, una per la proiezione.
- Collega il proiettore come secondo schermo dal sistema operativo.
- Apri 4mapper sullo schermo principale per i comandi.
- Attiva la modalità di uscita a schermo intero.
- La finestra di proiezione compare sul proiettore a tutto schermo.
- Continui a controllare tutto dallo schermo principale.
Regolazioni durante lo spettacolo
Puoi intervenire mentre la proiezione è in corso.
- Opacità: fai entrare e uscire i livelli con una dissolvenza.
- Posizione e dimensione: sposti e ridimensioni le superfici al volo.
- Visibilità: mostri o nascondi singoli elementi all'istante.
💡 Consiglio per la serata: prepara delle scene salvando diverse combinazioni di livelli visibili. Il cambio scena è il momento che si nota di più: meglio averlo pronto che costruirlo dal vivo.
Widget con dati dal vivo (PRO)
Contenuti che si aggiornano da soli
I widget portano dati in tempo reale dentro la proiezione. Servono soprattutto per installazioni che devono restare vive per ore senza qualcuno alla regia.
Ora e data
Orologio digitale o analogico, conto alla rovescia, data.
Meteo
Condizioni attuali, previsioni, temperatura e animazioni.
Criptovalute
Quotazioni di Bitcoin, Ethereum e altre monete, con grafici.
Risultati sportivi
Punteggi e aggiornamenti in tempo reale.
Social
Feed e menzioni dai principali social network.
Musica
Brano in riproduzione e visualizzatori audio.
I widget si gestiscono dal Portale Widget, raggiungibile dalla dashboard quando il PRO è attivo.
Controllo remoto e automazione (PRO)
Controller fisici via USB
Con il PRO colleghi un controller Arduino o ESP32 via USB e lanci le scene con pulsanti veri. La libreria è open source: puoi costruirti la pulsantiera che ti serve, con encoder, pedali o display.
Cosa puoi comandare
- Cambio scena: passi da una configurazione all'altra con un pulsante.
- Riproduzione: avvii, fermi o metti in pausa i contenuti.
- Parametri: regoli opacità e posizione dei livelli dal controller.
- Stato: leggi quale scena è attiva in quel momento.
Installazioni interattive
Al posto dei pulsanti puoi collegare dei sensori: di movimento, di prossimità, ambientali. La proiezione risponde a chi le passa davanti, senza bisogno di nessuno alla console.
Usi tipici
- Pulsantiere: pulsanti fisici per cambiare scena durante la performance.
- Sensori: movimento o prossimità che fanno partire un contenuto.
- Controllo da telefono: gestisci la scena da smartphone o tablet.
Sicurezza
Ogni progetto ha credenziali di accesso proprie, così nessuno può intervenire sulla tua proiezione durante lo spettacolo.
💡 Firmware open source: il codice per Arduino ed ESP32 è pubblico su GitHub. Puoi consultarlo e modificarlo anche prima di attivare il PRO.
Consigli e buone abitudini
Prestazioni
- Formato video: usa MP4 con codec H.264. Evita codec pesanti come ProRes.
- Risoluzione: allineala a quella nativa del proiettore, di solito 1920×1080.
- Dimensione dei file: sotto i 10MB per clip la riproduzione resta fluida.
- Accelerazione grafica: verifica che sia attiva nelle impostazioni del browser.
- Memoria: 8GB come minimo, 16GB se il progetto è complesso.
Preparare i contenuti
- Contrasto alto: colori decisi e contrasti netti si leggono molto meglio proiettati.
- Griglie di prova: proiettale sempre prima di caricare il contenuto definitivo.
- Bordi sfumati: ammorbidire i bordi rende gli accostamenti meno visibili.
- Margini di sicurezza: tieni gli elementi importanti lontani dal bordo della superficie.
- Frame rate: 30fps bastano quasi sempre e fanno risparmiare spazio.
Errori che si pagano cari
- Proporzioni sbagliate: se il rapporto del video non corrisponde a quello della superficie, l'immagine si deforma.
- Proiettore troppo debole: per la maggior parte degli spazi servono almeno 2000 ANSI lumen.
- Troppi livelli: oltre i 5-10 livelli attivi le prestazioni iniziano a soffrire.
- Luce ambientale: superfici chiare e luci controllate cambiano il risultato più di qualsiasi impostazione.
- Nessuna copia di riserva: tieni sempre contenuti e progetti salvati altrove.
Posizionare il proiettore
- Distanza: calcolala in base all'ottica e alla dimensione della superficie.
- Correzione trapezoidale: usala il meno possibile, meglio spostare fisicamente il proiettore.
- Messa a fuoco: verificala con una griglia fitta, non con un'immagine generica.
- Colori: calibrali prima di caricare il contenuto definitivo.
Risoluzione dei problemi
Riproduzione video
Il video scatta
- Abbassa la risoluzione o il bitrate del file.
- Chiudi le altre schede del browser e i programmi aperti.
- Controlla l'uso della scheda grafica: dovrebbe restare sotto l'80%.
- Verifica che l'accelerazione hardware sia attiva nel browser.
- Riconverti il video in MP4 H.264.
Il video non si carica
- Controlla il formato: MP4 H.264 è quello consigliato.
- Apri il file in un lettore per escludere che sia danneggiato.
- Riconvertilo con HandBrake o uno strumento simile.
- Guarda la console del browser: spesso l'errore è scritto lì.
Problemi di proiezione
La mappatura non combacia più
- Proietta una griglia di prova per capire dove si è spostata.
- Verifica che il proiettore non si sia mosso o non vibri.
- Se il disallineamento è forte, rifai gli angoli da zero.
- Controlla che zoom e messa a fuoco non siano cambiati.
- Assicurati che l'oggetto proiettato non sia stato spostato.
I colori sono sbagliati
- Calibra le impostazioni colore del proiettore.
- Guarda il colore della superficie: bianco o grigio chiaro danno il risultato migliore.
- Disattiva la luminosità automatica del proiettore.
- Prova con un'immagine di riferimento che conosci bene.
Prestazioni del browser
L'interfaccia è lenta
- Chiudi le schede che non ti servono.
- Disattiva temporaneamente le estensioni del browser.
- Svuota la cache e ricarica la pagina.
- Aggiorna il browser all'ultima versione.
- Prova con Chrome, che è quello su cui testiamo di più.
Il progetto non si salva
- Controlla la connessione a internet.
- Verifica di essere ancora connesso al tuo account.
- Controlla che lo spazio del tuo piano non sia esaurito.
- Se il problema resta, scrivici.
⚠️ Il problema resta? Scrivi a info@4mapper.com descrivendo il tuo allestimento e cosa succede. Più dettagli dai, più in fretta si risolve.
Pronto a iniziare?
Crea il tuo account gratuito e comincia a costruire i tuoi visual.
Registrati gratis