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.

  1. Aggiungi una superficie: premi "+" nel pannello dei livelli e scegli la forma (quadrilatero, triangolo, cerchio o poligono).
  2. Posizionala: trascinala sopra l'area fisica su cui vuoi proiettare.
  3. Adatta gli angoli: trascina i quattro vertici finché non combaciano con l'oggetto reale.
  4. 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.

  1. Collega il proiettore come secondo schermo dal sistema operativo.
  2. Apri 4mapper sullo schermo principale per i comandi.
  3. Attiva la modalità di uscita a schermo intero.
  4. La finestra di proiezione compare sul proiettore a tutto schermo.
  5. 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)

Funzione PRO

I widget sono disponibili nella versione PRO di 4mapper

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)

Funzione PRO

Il controllo esterno è disponibile nella versione PRO di 4mapper

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