Online Tool Store
Editor di tilemap
Dipingi mappe di gioco a tessere su una griglia canvas ridimensionabile con una palette di colori, poi esporta il risultato come PNG o JSON.
🔒 Questo strumento funziona interamente nel tuo browser. I tuoi file non vengono mai caricati su un server.
Fai clic e trascina per dipingere le tessere. Clic destro (o Maiusc+clic) per cancellare.
Come funziona
- Scegli una dimensione della griglia e fai clic su "Ridimensiona griglia" (per impostazione predefinita è mostrata una mappa di esempio).
- Seleziona una tessera dalla palette, poi fai clic e trascina sul canvas per dipingere.
- Clic destro o Maiusc+clic per cancellare una tessera.
- Esporta la mappa finita come PNG per un'immagine di anteprima o come JSON per dati del motore di gioco.
FAQ
Come dipingo le tessere sulla griglia?
Scegli una tessera dalla palette, poi fai clic e trascina sulla griglia per dipingere. Il clic destro, o tenere premuto Maiusc mentre fai clic, riporta una tessera a vuoto.
Posso ridimensionare la mappa dopo aver iniziato a dipingere?
Sì — cambia i campi Colonne e Righe e fai clic su "Ridimensiona griglia". Nota che il ridimensionamento svuota la mappa attuale, quindi esporta prima il tuo lavoro se vuoi conservarlo.
Cosa mi dà l'esportazione come JSON?
Un file JSON con le dimensioni della griglia, la dimensione delle tessere, i nomi della palette e un array piatto di indici di tessere — pronto da caricare in un motore di gioco o in un renderer personalizzato.
Posso esportare la mappa come immagine invece?
Sì — "Esporta PNG" salva esattamente ciò che vedi sul canvas, utile per documenti di level design o anteprime rapide.
I dati della mia mappa vengono caricati da qualche parte?
No. La griglia risiede in memoria nella scheda del tuo browser ed entrambe le esportazioni sono generate localmente — nulla viene inviato a un server.
Come ci confrontiamo
| Funzionalità | Online Tool Store | Tiled (app desktop) | Strumenti di tilemap integrati nel motore |
|---|---|---|---|
| Nessuna installazione, funziona in qualsiasi browser | ✓ | ✗ | ✗ |
| Palette semplice di tessere colorate per la prototipazione rapida | ✓ | Richiede tileset personalizzati | Legato a un motore specifico |
| Gratis, nessuna configurazione del progetto | ✓ | ✓ | Incluso in un motore più grande |
Per schizzi rapidi di layout dei livelli o per insegnare i concetti di mappe a tessere, questo editor ti dà una griglia da dipingere e dati esportabili senza installare un motore di gioco o un editor di mappe dedicato.