Memasang Custom Splash Screen di Cordova

Splash screen sepertinya menjadi hal yang wajib ada pada aplikasi android khususnya game. Karena ketika proyek selesai rasanya ada yang kurang jika splash screen belum ditambahkan.

Pada tutorial ini kita akan mencari tahu cara untuk menampilkan splash screen di game android yang kita buat menggunakan Construct 2. Tapi, dengan catatan bahwa kalian meng-export nya dengan menggunakan metode yang saya bahas sebelumnya yaitu menggunakan local build.

Mengapa harus local build? Seperti yang saya bahas sebelumnya, bahwa metode local build ini memungkinkan kita untuk mengedit source code secara langsung. Kita dapat menambahkan plugin apa pun tanpa dibatasi ddan mengeditnya sesuka hati.

Siapkan Aset

Langkah pertama yaitu pastikan kalian sudah memiliki gambar yang akan dijadikan splashscreen, untuk ukurannya bisa melihat di folder platform\android\res\

[alert-note]Folder-folder diatas akan muncul jika sudah pernah menjalankan perintah

cordova platform add

[/alert-note]

Disana terdapat 2 jenis folder drawable yaitu land (landscape) dan port (portrait).

Kalian perlu menentukan orientasi aplikasi kalian apakah landscape atau portrait, setelah itu hapus saah satu jenis folder drawablenya. Misal game kalian landscape maka folder yang mengandung port dihapus saja.

Kemudian kalian hanya perlu me-replace gambar yang ada di dalam folder tersebut dengan gambar yang kalian inginkan.

Instalasi Plugin

Sekarang kita langsung pada instalasi plugin. Saya anggap kalian sudah memiliki file export dari Construct dan sudah memiliki project cordova.

Kita ketikkan

cordova plugin add cordova-plugin-splashscreen

Edit file config.xml

Instalasi plugin selesai, langkah selanjutnya yaitu mengedit file config.xml

Namun, file config.xml yang dimaksud adalah config.xml yang ada di folder app/res/xml/config.xml

Sebelum </widget> tambahkan baris :

<preference name="ShowSplashScreenSpinner" value="false" />

Konfigurasi selesai. Kamu bisa langsung mem-build ulang project.