Blog Metlivi

Cara Menyejajarkan Grid Peta Kustom dengan Scene Virtual Tabletop

Untuk menyejajarkan peta kustom, cocokkan grid VTT dengan sel cetak pada peta di satu titik, lalu periksa jaraknya di tepi ujung yang berlawanan. Jika Anda mengetahui jumlah baris dan kolom peta, gunakan nilai tersebut atau hitung ukuran sel dari dimensi gambar. Jika tidak tahu, gunakan alat penyejajaran VTT untuk menambatkan dan menskalakan gambar, lalu sempurnakan pergeseran yang terjadi. Akhiri dengan memeriksa snapping token dan pengukuran sebelum menambahkan detail scene.

15 Oktober 2026Waktu baca 7 menitOleh Metlivi Editorial Team
Bagian 1

Mulailah dengan mengidentifikasi grid yang Anda butuhkan

Garis yang terlihat pada peta dan grid fungsional VTT adalah lapisan yang terpisah. Grid VTT mengontrol penempatan token dan pengukuran meskipun peta sudah memiliki garis yang tergambar pada gambarnya. Dokumentasi scene Foundry memperjelas perbedaan ini: grid-nya mengatur posisi token, jarak yang diukur, dan templat, sehingga peta yang hanya terlihat sejajar mungkin masih berfungsi secara keliru. Foundry Virtual Tabletop: Scenes

Pertama, tentukan apakah peta menggunakan sel persegi, hex dengan puncak datar (flat-topped) atau puncak runcing (pointy-topped), atau tanpa grid reguler. Atur scene ke tipe yang cocok sebelum menyesuaikan penyejajaran. Pada peta bergrid, pertahankan overlay tetap terlihat selama pengaturan dan pilih warna atau opasitas yang kontras agar Anda dapat membandingkan kedua set garis. Jika grid cetak tidak diperlukan untuk bermain, scene tanpa grid (gridless) mungkin lebih sederhana; namun, opsi tersebut juga menghilangkan perilaku snapping dan pengukuran berbasis sel pada grid VTT.

Bagian 2

Temukan dimensi peta yang dimaksudkan

Cari dimensi grid di pengaturan ekspor peta, nama file, atau catatan peta yang menyertainya. Jumlah kolom dan baris yang diketahui lebih dapat diandalkan daripada memperkirakan satu sel dengan mata telanjang. Owlbear Rodeo, misalnya, memungkinkan Anda memasukkan nilai-nilai tersebut secara langsung, dan dokumentasinya menyatakan bahwa peta yang dibuat di Dungeondraft dapat menggunakan lebar dan tinggi pembuat sebagai kolom dan baris. Owlbear Rodeo: Aligning a Map

Jika Anda memiliki dimensi piksel gambar dan dapat menghitung ruang grid utuh, bagi lebar dengan kolom dan tinggi dengan baris. Sebagai contoh, gambar berukuran 3.080 × 2.520 piksel dengan 22 kolom dan 18 baris memiliki 140 piksel per persegi di kedua arah. Ini adalah perhitungan ilustratif berdasarkan input tersebut; ini juga merupakan contoh yang diberikan Foundry untuk memperkirakan ukuran grid persegi yang tidak diketahui. Jika hasil horizontal dan vertikal berbeda secara signifikan, gambar tersebut mungkin memuat batas tepi (border), sel parsial, atau distorsi, jadi jangan memaksakan perkiraan ukuran tunggal tanpa memeriksa bagian tepi. Foundry Virtual Tabletop: Scenes

Bagian 3

Siapkan scene sebelum menyejajarkan

Impor peta, pilih tipe grid yang benar, dan hindari menempatkan dinding (walls), pencahayaan (lights), token, atau catatan hingga penyejajaran selesai. Di Foundry, mengubah ukuran grid dapat memengaruhi penyejajaran elemen-elemen scene tersebut, sehingga dokumentasi menyarankan untuk memilih grid sebelum mendetailkan scene. Foundry Virtual Tabletop: Scenes

Untuk grid persegi yang sudah diketahui, gunakan jumlah piksel per sel jika VTT meminta ukuran grid. Pastikan lebar dan tinggi gambar yang ditampilkan tetap proporsional; meregangkan satu dimensi agar beberapa sel pas dapat mendistorsi grafis dan tetap membuat penyejajaran di bagian lain meleset. Foundry mengizinkan pergeseran latar belakang (background offset) pada sumbu X dan Y untuk menggeser gambar yang sudah memiliki grid bawaan, dan alat penyejajaran grid-nya dapat membantu saat grid bawaan VTT tidak sejajar dengan gambar. Kontrol dan nama bervariasi menurut platform, jadi gunakan alur kerja penyejajaran dari scene itu sendiri daripada mengasumsikan jalur menu VTT lain berlaku sama. Foundry Virtual Tabletop: Scenes

Bagian 4

Menyejajarkan peta saat grid-nya diketahui

Masukkan jumlah kolom dan baris jika alat tersebut menerima jumlah sel. Dengan Owlbear Rodeo, peta berukuran 49 kolom kali 28 baris dapat diatur menggunakan nilai-nilai tersebut; beberapa nama peta hasil ekspor menyertakan dimensi untuk pengenalan otomatis. Owlbear Rodeo: Aligning a Map

Jika VTT justru meminta skala piksel, turunkan nilainya dari ukuran gambar dan jumlah sel, lalu atur grid dan dimensi gambar secara konsisten. Panduan media Foundry merekomendasikan peta yang grid-nya mencapai tepi gambar dengan sel-sel utuh: misalnya, 20 sel menyamping dengan 100 piksel per sel berarti gambar selebar 2.000 piksel. Konvensi ini memberi scene titik awal (origin) grid kiri-atas yang jelas dan menghindari margin tersembunyi yang mengacaukan setiap sel. Foundry Virtual Tabletop: Media Optimization Guide

Bagian 5

Menyejajarkan peta saat grid-nya tidak diketahui

Gunakan alat penyejajaran visual VTT dan pilih perpotongan grid yang jelas dan tidak rusak di dekat sudut sebagai jangkar (anchor) Anda. Cocokkan sampel grid alat tersebut ke beberapa sel yang berdekatan, bukan hanya satu. Alur kerja beta yang terdokumentasi di Roll20 menggunakan tiga langkah—menambatkan (anchor), menskalakan sampel 3×3, lalu menyempurnakan dari perpotongan atau garis lain—dan mendukung jenis grid persegi, heksagonal, isometrik, serta dimetrik. Roll20: Explore the New Align to Grid Feature in Beta Owlbear Rodeo juga menyarankan untuk menempatkan penggaris penyejajaran di sudut sel yang terlihat, menskalakannya ke peta, dan menggunakan rel presisi untuk penyempurnaan. Owlbear Rodeo: Aligning a Map

Alasan praktis untuk menggunakan banyak sel adalah akumulasi kesalahan: ketidakcocokan ukuran yang kecil mungkin tampak pas di jangkar tetapi semakin bergeser menjauh di sepanjang gambar. Setelah penyesuaian awal, periksa perpotongan grid di dekat tepi yang berlawanan. Jika meleset, sempurnakan skala; jika jaraknya cocok tetapi setiap garis bergeser dengan jumlah yang hampir sama, sesuaikan posisinya. Jika satu sumbu sejajar sementara sumbu lainnya bergeser, sempurnakan sumbu tersebut secara independen jika alat memungkinkan.

Bagian 6

Periksa hasilnya sebelum membangun scene

Perbesar tampilan (zoom in) di dekat jangkar dan di tepi ujung yang berlawanan. Pastikan overlay VTT mengikuti batas sel cetak di seluruh area yang dapat dimainkan, termasuk di dekat border dan tepi peta yang tidak beraturan. Untuk peta hex, periksa kedua arah: Owlbear Rodeo mencatat bahwa pembulatan piksel dapat menyebabkan pergeseran pada satu sumbu bahkan setelah sumbu lainnya tampak sejajar, sehingga memerlukan penyesuaian lain pada sumbu yang bergeser. Owlbear Rodeo: Aligning a Map

Kemudian uji dengan token atau penanda sementara. Gerakkan melewati beberapa sel dan coba alat ukur scene; pastikan snapping dan jarak sesuai dengan grid yang ingin digunakan oleh grup Anda. Jika overlay cocok secara visual tetapi pengukuran atau posisi token tidak, periksa kembali jenis grid dan skala scene, bukan hanya penempatan gambar. Foundry mengidentifikasi konfigurasi grid sebagai dasar untuk penempatan token dan pengukuran jarak. Foundry Virtual Tabletop: Scenes Setelah pemeriksaan tersebut berhasil, simpan scene dan tambahkan dinding, pencahayaan, catatan, serta alat bantu bermain lainnya.

Bagian 7

Mendiagnosis masalah penyejajaran yang umum terjadi

Jika setiap garis bergeser dengan jumlah yang hampir sama, pindahkan gambar atau sesuaikan offset-nya tanpa mengubah skala. Jika sel-sel awal sejajar tetapi sel-sel terakhir bergeser, tinjau kembali skala menggunakan rentang sel yang lebih panjang. Jika hanya satu arah yang bergeser, periksa apakah ada border parsial atau pembulatan piksel dan sesuaikan sumbu tersebut secara terpisah. Jika kedua arah cocok secara lokal tetapi menyimpang di tempat lain, pastikan peta tidak meregang secara tidak proporsional atau diekspor dengan jarak yang tidak merata.

Gambar dengan grid yang sudah menyatu (baked-in) dapat disejajarkan, tetapi ini menyisakan dua grid di layar dan dapat mengurangi fleksibilitas. Panduan pembuatan peta Foundry menyarankan untuk menghilangkan grid yang terlihat dari grafis akhir jika memungkinkan agar overlay VTT dapat disesuaikan atau dinonaktifkan. Foundry Virtual Tabletop: Media Optimization Guide Jika Anda mengontrol ekspornya, gunakan kanvas bersel utuh dan biarkan VTT menggambar grid permainan; jika Anda hanya memiliki gambar bergrid yang sudah jadi, pertahankan garis cetak tersebut dan sejajarkan dengan cermat di seluruh peta.

Bagian 8

Sumber

Bacaan terkait

Lanjutkan topik ini