Tutorial Construct 2: Membuat Tileset dan Tilemap

Cara membuat tilemap, mengimpor tileset, mengatur lapisan (layer), dan menyiapkan sistem collision (tumbukan) untuk level game platformer.


1. Membuat Objek Tilemap

Langkah awal:

1. Di panel Project → Object Types, klik kanan → New Subfolder → beri nama Tileset.

2. Di dalam folder itu, buat objek baru:

   Insert New Object → General → Tilemap
   

3. Klik di layout untuk menempatkannya.

   • Tilemap otomatis menutupi seluruh layout (tidak perlu diatur manual).

4. Jika tilemap tidak bisa digambar, aktifkan:

   View → Tilemap Bar
   

   Maka muncul jendela kecil yang berisi alat menggambar tile (pensil, penghapus, dsb).

2. Menambahkan dan Mengatur Tiles

• Awalnya tilemap berisi tile kosong bawaan Construct 2.

• Untuk menggantinya dengan tileset buatan sendiri:

  1. Klik dua kali tilemap → pilih Open → impor file Castle Zone Tileset (1x) yang disediakan Narch.

  2. File bisa diunduh dari halaman itch.io miliknya.

• Pastikan ukuran tile sesuai (misal 32×32 px).
  Jika tileset berbeda ukuran, ubah pada Properties → Tile Width/Height.
  Gunakan juga pengaturan Spacing dan Offset bila ada jarak antar ubin.

3. Pengaturan Layer

Untuk membuat peta rapi dan mudah diatur:

1. Buat layer baru bernama Tiles, tempatkan di bawah HUD.

2. Aktifkan:

   Transparent = Yes
   

   agar latar belakang terlihat.

3. Buat layer kedua bernama Collisions, letakkan di bawah Tiles.
   Layer ini khusus untuk objek tumbukan (collision boxes).

🪄 Tips:
Kunci layer yang tidak sedang digunakan agar tidak salah klik saat menggambar.

4. Menggambar Level Menggunakan Tilemap

Narch mendemonstrasikan fitur menggambar ubin:

• Gunakan Pencil Tool untuk menggambar.

• Gunakan Eraser Tool untuk menghapus ubin.

• Fitur Flip Horizontally dan Flip Vertically untuk membalik ubin, misalnya membuat tepi kanan atau bawah dari rumput.

Ia membuat level sederhana:

• Area datar rumput di bawah.

• Dinding tempat wall jump.

• Platform “jump-through” (yang bisa dilompati dari bawah).

• Dekorasi seperti pohon, bunga, dan papan tanda.

➡️ Tileset ini hanya visual, tidak memiliki efek fisik (pemain masih bisa menembusnya).

5. Membuat Collision Secara Terpisah

Agar tile dapat disentuh pemain:

1. Turunkan opacity tiles menjadi 50%, supaya area di belakangnya terlihat.

2. Aktifkan layer Collisions, lalu tambahkan objek collision di atas ubin sesuai bentuknya.

   • Merah: platform solid (tembok, lantai).

   • Kuning: jump-through (platform yang bisa dilewati dari bawah).

3. Gunakan Ctrl + drag untuk menggandakan collision box.

4. Setelah selesai, ubah:

   Collisions → Initial Visibility = Invisible
   

   agar tidak tampak di game.

6. Menyusun Tampilan dan Warna Latar

Agar tampilan menarik:

• Pastikan urutan layer benar:

  Background (paling bawah)
  Collisions
  Tiles
  Main
  HUD
  

• Jika pemain tak terlihat karena tertutup ubin, pindahkan Tiles ke bawah layer Main.

• Atur Background Color (misal biru muda) dan matikan Transparency untuk layer background saja.

• Kembalikan opacity tiles ke 100% agar warnanya cerah kembali.
  
  
  Source : Youtube action cancel