Tag: cordova

3 Cara Install Plugin Cordova

Salah satu komponen yang dibutuhkan agar game yang kita buat sesuai dengan yang kita harapkan adalah plugin. Plugin ini wajib hukumnya untuk sebagian 3rd party plugin di construct.

Nah, kali ini saya akan membagikan cara-cara apa saja untuk menginstal plugin di cordova.

1. Install via NPM

Cara ini merupakan cara paling umum digunakan. Dan saya lebih menyarankan untuk menggunakan cara ini, karena selain mudah, cara ini juga menjamin bahwa versi plugin yang terinstall adalah versi paling terbaru.

Untuk perintahnya cukup ketikkan :

cordova plugin add nama-plugin-nya

sebagai catatan, cara ini hampir selalu ada pada bagian “How To Install Plugin”, kita ambil contoh cordova plugin file (https://www.npmjs.com/package/cordova-plugin-file).

2. Install via Github

Cara ini hampir sama dengan cara pertama, hanya saja berbeda source.

Sama dengan cara pertama, dengan cara ini kamu akan mendapatkan plugin dengan versi paling baru. Untuk perintahnya :

cordova plugin add alamat-github-plugin.git

Kita ambil contoh plugin file (https://github.com/apache/cordova-plugin-file), itu berarti perintahnya menjadi :

cordova plugin add https://github.com/apache/cordova-plugin-file.git

[alert-warning]Untuk menggunakan cara ini, kamu perlu menginstall Git for Desktop terlebih dahulu.[/alert-warning]

3. Install secara lokal

Cara ini merupakan alternatif dari kedua cara diatas. Syaratnya yaitu kamu harus memiliki source code dari plugin yang akan diinstal.

Kamu bisa mendapatkan source code plugin dari mana saja, misalnya dari github.

Setelah didownload dan di ekstrak, kamu hanya perlu mengetikkan

cordova plugin add /lokasi/plugin/nya/

Tapi ingat, dengan cara ini bisa saja plugin yang terinstall bukan versi paling baru, karena bisa saja 1 hari setelah kamu download, ternyata ada update versi terbaru.

Oh iya, cara ini terkadang saya lakukan untuk menginstall plugin yang memang harus dikonfigurasi terlebih dahulu. Misalnya, untuk plugin appodeal yang memang harus dikonfigurasi terlebih dahulu agar dapat berjalan dengan google play game (tutorial menyusul).

Sekian tutorial cara menginstall plugin di cordova. Semoga bermanfaat!

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.