Oleh = Mochammad Haldi Widianto

App Inventor merupakan mesin aplikasi game sederhana juga, dengan memanfaatkan canvas dan image sprite saja, dirasa belum cukup untuk membuat suatu game. Maka perlu bantuan Pallate lain dalam app inventor seperti menggunakan sebuah layout. Berikut merupakan gambar layout pada app inventor

Gambar 1. Pallate Layout

Pada Layout memiliki fungsi yang sama seperti canvas, hanya saja layout dapat menjadi wadah untuk semua tools pada pallate, sedangkan canvas hanya digunakan sebagai wadah dari ball dan image sprite saja. Layout juga dapat menampung Canvas dan Tools lain didalamnya, Biasanya Layout digunakan sebagai wadah untuk merapihkan aplikasi / game, jika diibaratkan menggunakan ilmu informatika, maka UI /UX pada app inventor salah satunya menggunakan Layout. Beberapa jenis layout dan bentukannya adalah:

Horizontal Scroll/Arrangement = 2 layout ini menyusun tools lain kearah kanan dan kiri.

Vertical Scroll/Arrangement = 2 layout ini menyusun tools lain kearah bawah dan atas

Table Arrangement = layout ini menyusun tools layaknya tabel

Berikut merupakan salah satu gambar penggunaan layout dan canvas secara bersamaan.

Gambar 2. Canvas didalam Layout

Seperti pada gambar diatas memang fungsi dari layout untuk memperindah tampilan aplikasi, dimana gambar spongebob, kacapembesar dsb digunakan dalam berbeda canvas tetapi 1 layout. Dibawahnya ditambahkan beberapa layout yang berisi HP,MP,Score dan jenis game, Kualitas suatu game dapat dilihat didalam Game Design dan Artist, dimana mereka akan membuat karakter sendiri dan originalnya. Jika diterapkan pada aplikasi app inventor maka karakter perlu dibuat menggunakan photoshop (karena hanya support game 2d saja).

Blok-blok yang terdapat pada layout sama seperti yang lain karena memang fungsinya lebih seperti wadah pallate, seperti diperlihatkan pada gambar dibawah:

Gambar 3, Blok-blok pada layout

Seperti yang diterangkan sebelumnya, karena sifatnya seperti wadah, sehingga tidak banyak blok interaksi yang dapat digunakan pada blok-bloknya.

REFERENSI:

  • https://appinventor.mit.edu/