Home / Foundry VTT / Tutorial / Tessere in Foundry VTT 14: guida completa

Tessere in Foundry VTT 14: la guida completa

Posizionare, ordinare e configurare le tessere: elevazione, occlusione dei tetti, video, paletta e soluzioni ai problemi più comuni. Con simulatori interattivi.

1 / 14
🧱 SLIDE 01 / 14

Le tessere in Foundry VTT 14

Cosa sono, a cosa servono e cosa imparerai in questo tutorial

🎯

Cosa sono le tessere

Le tessere (in inglese Tiles) sono immagini o video che posizioni sopra la mappa: un tetto, un albero, un carro, una pozza di lava animata, un tavolo della taverna. In Foundry VTT 14 sono integrate con l’elevazione e con i livelli della scena.

  • Per i giocatori
    Le tessere fanno parte dello sfondo della scena: vengono illuminate dalle luci e nascoste dalla visione come il resto della mappa.
  • Per il master
    Solo il GM può accedere al livello delle tessere: i giocatori non possono selezionarle né spostarle.
  • Immagini o video
    Una tessera può mostrare un’immagine (WebP, PNG, JPG) oppure un video (WebM, anche con trasparenza).
🗣

Le domande più frequenti sui forum

Questo tutorial risponde alle domande che si leggono più spesso nei gruppi e nei forum su Foundry:

  • Come faccio a far sparire il tetto quando un personaggio entra in una casa?
  • Perché la tessera sta sopra (o sotto) il token?
  • Perché non riesco più a selezionare una tessera?
  • Come metto un video animato sulla mappa?
  • Come modifico tante tessere insieme?
💡
Versione: le voci e le etichette di questo tutorial sono quelle di Foundry VTT 14 (build 14.359 e successive) con la traduzione italiana del core. Se usi Foundry in inglese, accanto a ogni voce trovi il nome originale.
🧰 SLIDE 02 / 14

I controlli delle tessere

La barra degli strumenti a sinistra quando attivi il livello delle tessere

🖱

Controlli Tessere

Nella barra dei controlli di scena clicca su Controlli Tessere (Tile Controls). Si aprono questi strumenti:

StrumentoA cosa serve
Seleziona TessereClicca su una tessera per selezionarla, oppure trascina un riquadro per selezionarne più di una.
Posiziona TesseraDisegna un riquadro sulla mappa per creare una nuova tessera.
Browser TessereApre il browser dei file: trascini un’immagine sulla mappa e diventa una tessera.
Forza aggancio ai vertici della grigliaQuando è attivo, l’angolo in alto a sinistra della nuova tessera si aggancia a un vertice della griglia.
⌨

Con la tessera selezionata

  • Doppio clic
    Apre la finestra Configurazione Tessera.
  • Tasto destro
    Apre l’HUD della tessera, con elevazione, visibilità e blocco.
  • Trascina dentro la tessera
    La sposti.
  • Trascina il triangolo
    La ruoti.
  • Trascina il quadratino
    La ridimensioni.
➕ SLIDE 03 / 14

Tre modi per creare una tessera

Disegnarla, trascinarla dal browser o copiarla

✏

Metodo 1: Posiziona Tessera

  1. Scegli lo strumento
    Clicca su Posiziona Tessera.
  2. Disegna il riquadro
    Trascina sulla mappa un rettangolo grande quanto vuoi la tessera.
  3. Scegli l’immagine
    Si apre la configurazione: nella scheda Aspetto scegli il file in Immagine o Video della Tessera.
  4. Salva
    Clicca su Crea Tessera in basso. Se chiudi la finestra senza salvare, la tessera viene scartata.
⚠
L’immagine viene stirata per riempire il riquadro che hai disegnato. Una tessera senza immagine resta invisibile quando passi agli altri livelli dei controlli.
📂

Metodo 2: Browser Tessere

Apri Browser Tessere, cerca l’immagine e trascinala sulla mappa. La dimensione dipende dal campo Dimensione Griglia Asset: indica a Foundry su quale griglia è stata disegnata l’immagine, così la tessera arriva già in scala.

Prova qui sotto: inserisci i valori e guarda quante caselle occuperà la tessera.

💡
Esempio dalla documentazione ufficiale: un’icona di 256 px con Dimensione Griglia Asset 100 occupa 2,56 × 2,56 caselle; con 128 occupa 2 × 2; con 256 occupa una sola casella.
📋

Metodo 3: copia e incolla

Seleziona una tessera, premi Ctrl + C, sposta il cursore e premi Ctrl + V. La copia mantiene tutte le impostazioni: è il modo più rapido per riempire una foresta di alberi.

👻
Tieni premuto Alt mentre rilasci la tessera: viene creata già nascosta ai giocatori.
🎮 SLIDE 04 / 14

Spostare, ruotare e ridimensionare

Mouse e tastiera per lavorare veloce

⌨

Scorciatoie

AzioneComando
Sposta con precisioneWASD oppure le frecce
Ruota lentamenteCtrl + rotella del mouse
Ruota velocementeShift + rotella del mouse
Sposta senza aggancio alla grigliatieni Shift mentre rilasci
Selezione multiplaShift + clic, oppure trascina un riquadro
Copia / incollaCtrl + C / Ctrl + V
AnnullaCtrl + Z
EliminaCanc
Crea nascostatieni Alt mentre rilasci
📐

Misure precise

Per dimensioni, rotazione e coordinate esatte apri la configurazione con il doppio clic e usa la scheda Posizione: è il modo giusto per allineare un tetto al pixel con i muri della casa.

🎛 SLIDE 05 / 14

L’HUD della tessera

Clic destro sulla tessera selezionata

🎛

I pulsanti dell’HUD

PulsanteCosa fa
Elevazione (numero in alto a sinistra)Imposta a che altezza si trova la tessera.
Porta in primo piano / Invia in secondo pianoPorta la tessera davanti alle altre; se è già davanti, la manda dietro.
VisibilitàNasconde la tessera ai giocatori. Il GM la vede semitrasparente.
BloccoBlocca la tessera: non si sposta più per sbaglio e non reagisce ai clic.
Riproduci / Metti in Pausa Video TesseraCompare solo sulle tessere video.
🔒
Una tessera bloccata non si seleziona più dalla mappa. Per sbloccarla usa la scheda Posizionabili della barra laterale (lo vediamo più avanti).
🪜 SLIDE 06 / 14

Elevazione e ordine: chi sta sopra chi

La regola che risolve metà dei problemi con le tessere

📏

La regola

  • Una tessera con elevazione più alta sta sempre sopra una con elevazione più bassa.
  • Il valore Ordina (Sort), che cambi con il pulsante dell’HUD, conta solo tra tessere con la stessa elevazione.
  • Quando un token passa sotto una tessera con elevazione più alta della sua, entra in gioco l’occlusione (la vediamo tra poco).
🧪

Prova tu

Cambia elevazione e ordine delle tre tessere e guarda come si impilano.

📍 SLIDE 07 / 14

Scheda Posizione

La prima scheda della Configurazione Tessera

📍

Cosa trovi

  • Nome
    Un nome per riconoscere la tessera nella barra laterale. Di base viene preso dal nome del file. Dai sempre un nome chiaro («Tetto taverna», «Albero 03»): nel secondo tutorial lo useremo negli script.
  • Livelli
    Su una scena con più livelli, scegli in quali livelli compare la tessera.
  • Dimensioni e coordinate
    Larghezza, altezza e posizione X e Y in pixel.
  • Rotazione
    L’angolo in gradi.
💡
L’elevazione e l’ordine non sono in questa scheda: si impostano dall’HUD.

Le modifiche si vedono subito in anteprima, ma vengono salvate solo quando clicchi su Aggiorna Tessera.

🎨 SLIDE 08 / 14

Scheda Aspetto

Immagine, ancora, scala, tinta e trasparenza

🎨

I campi

CampoA cosa serve
Immagine o Video della TesseraIl file da mostrare.
Ancora TesseraIl punto di origine, da 0,0 (in alto a sinistra) a 1,1 (in basso a destra). È anche il perno della rotazione. La documentazione consiglia 0,5 e 0,5.
Scala Tessera (Orizzontale e Verticale)Ingrandisce l’immagine dentro il riquadro. Un valore negativo la specchia: -1 in orizzontale gira un albero da sinistra a destra.
Colore TintaColora l’immagine: utile per fare varianti dello stesso oggetto.
Opacità TesseraQuanto è trasparente la tessera.
Soglia AlphaI pixel con trasparenza sotto questa soglia non bloccano luce e meteo e non attivano la dissolvenza al passaggio del mouse.
🧪

Prova l’ancora

Sposta l’ancora e ruota: il punto dorato è il perno attorno a cui gira la tessera.

🏠 SLIDE 09 / 14

Scheda In Primo Piano: l’occlusione

Come far sparire un tetto quando un personaggio ci passa sotto

🏠

Modalità Occlusione

La scheda In Primo Piano (Overhead) decide cosa succede quando un token si trova sotto la tessera. In V14 puoi attivare più modalità insieme.

ModalitàCosa succede
NessunaLa tessera resta sempre visibile.
DissolvenzaTutta la tessera sfuma quando un token ci passa sotto.
RadialeSi apre un cerchio attorno al token, grande in base alla taglia del token.
VisioneLa tessera si apre in base a quello che il token vede, anche se non ci è sotto: perfetto per tetti con porte e finestre.
SuperficieLa tessera si apre in base alle superfici definite con le Regioni. La vediamo nel secondo tutorial.

Alpha Occlusione decide quanto resta visibile la tessera quando è occlusa: 0 la fa sparire del tutto, 0,5 la lascia semitrasparente.

🧪

Simulatore di occlusione

Trascina il token (il cerchio rosso) dentro e fuori dalla casa. Attiva le modalità e cambia l’alpha per vedere la differenza.

⚠
Il simulatore riproduce l’idea, non il calcolo esatto di Foundry. Perché l’occlusione funzioni davvero, la tessera deve avere un’elevazione più alta del token: un tetto a elevazione 0 con il token a 0 non sparisce.
🌧 SLIDE 10 / 14

Restringe Luce e Restringe Meteo

Le due opzioni sotto Restrizioni

🌧

Cosa fanno

  • Restringe Luce
    Le luci sono bloccate in base alla loro elevazione rispetto a quella della tessera. Con il tetto visibile, le luci interne non illuminano il tetto; quando il tetto è occluso, si vedono.
  • Restringe Meteo
    Pioggia e neve sono bloccate in base all’elevazione. Con il tetto visibile vedi il meteo sopra il tetto; quando entri in casa, il meteo sparisce.
🚫
Queste opzioni sono solo estetiche. Non bloccano la linea di vista né il movimento. Per un piano superiore che blocca davvero la vista usa i muri o una Regione con il comportamento Definisci Superficie.
🎬 SLIDE 11 / 14

Tessere video

Fuoco, acqua, portali e nebbia animati

🎬

Le Opzioni Video

  • Ripeti Video
    Il video ricomincia dall’inizio quando finisce. Attivalo per fuochi, cascate e portali.
  • Avvio Automatico Video
    Il video parte da solo quando si carica la scena. Se lo disattivi, lo fai partire tu dall’HUD con Riproduci Video Tessera.
  • Volume Video
    Se il video ha un audio, regoli qui il volume.
💡
Usa video corti e leggeri in loop: ogni tessera video pesa sulla scheda video di tutti i giocatori.
🎞

WebM con trasparenza

Per un effetto che si sovrappone alla mappa (fumo, fiamme, un portale) serve un WebM VP9 con canale alpha. Con FFmpeg puoi convertire un video con trasparenza così:

ffmpeg -i portale.mov -c:v libvpx-vp9 -pix_fmt yuva420p -b:v 2M -auto-alt-ref 0 portale.webm

L’opzione yuva420p mantiene la trasparenza; -auto-alt-ref 0 serve perché il canale alpha venga salvato correttamente.

🖌 SLIDE 12 / 14

Paletta e barra Posizionabili

Modificare decine di tessere in un colpo solo

🖌

La Paletta

  • Mentre posizioni
    La paletta imposta i valori di partenza delle nuove tessere: per esempio tutte con elevazione 10 e Dissolvenza.
  • Mentre selezioni
    Diventa uno strumento di modifica di massa: cambi un valore e premi Applica per tutte le tessere selezionate.
  • Clona
    Copia nella paletta le impostazioni delle tessere selezionate.
  • Valori diversi
    Se le tessere selezionate hanno valori diversi, il campo mostra <Valori Multipli>.
🔒
La paletta non si applica alle tessere bloccate.
📑

La barra Posizionabili

Nella barra laterale, la scheda Posizionabili elenca tutte le tessere della scena.

  • Filtra per nome, per livello o per filtri avanzati come elevazione e modalità di occlusione.
  • Clicca per selezionare, tieni Shift per selezionarne più di una.
  • Tasto destro per bloccare o sbloccare.
  • Doppio clic per aprire la configurazione.
💡
È qui che ritrovi le tessere bloccate, nascoste o su un altro livello che non riesci a cliccare sulla mappa.
🛠 SLIDE 13 / 14

Problemi frequenti

Le soluzioni ai casi più comuni

🛠

Clicca sul problema

Non riesco a selezionare la tessera

Controlla di essere in Controlli Tessere. Se ancora non si seleziona, è bloccata o si trova su un altro livello: cercala nella scheda Posizionabili e sbloccala con il tasto destro.

Il tetto non sparisce quando il token entra

Nella scheda In Primo Piano serve almeno una modalità diversa da Nessuna, e la tessera deve avere un’elevazione più alta del token. Controlla anche Alpha Occlusione: con 1 la tessera resta piena.

Il tetto sparisce anche quando passo col mouse sulle parti trasparenti

Alza la Soglia Alpha nella scheda Aspetto: i pixel quasi trasparenti non attiveranno più la dissolvenza.

La tessera copre i token

Ha un’elevazione più alta dei token e nessuna modalità di occlusione. Abbassa l’elevazione, oppure imposta Dissolvenza se è un tetto.

Due tessere si sovrappongono nell’ordine sbagliato

Se hanno la stessa elevazione usa Porta in primo piano / Invia in secondo piano nell’HUD. Se hanno elevazioni diverse, l’ordine non conta: cambia l’elevazione.

Il video non parte

Attiva Avvio Automatico Video oppure avvialo dall’HUD con Riproduci Video Tessera. Usa il formato WebM.

La tessera non blocca la vista dei giocatori

È normale: le tessere non bloccano la linea di vista. Usa i muri o una Regione con Definisci Superficie.

🎓 SLIDE 14 / 14

Riepilogo e quiz

Metti alla prova quello che hai imparato

🎓

Quiz rapido

➡

Il prossimo passo

Ora sai usare le tessere. Nel secondo tutorial le rendiamo interattive: passaggi segreti che si aprono, pavimenti che crollano e portali che compaiono, con le Regioni di Foundry e senza moduli.

Vai al tutorial sulle tessere interattive →

Fonti: articolo ufficiale sulle tessere (Version 14.368) e comandi di Foundry VTT.

Usa ← e → per navigare