Featured

Construct 2 Local Build FAQ

Frequently Asked Question

Berikut merupakan beberapa pertanyaan yang sering ditanyakan dalam tutorial local build. Jika kamu masih memiliki pertanyaan, bisa langsung berkomentar pada post-an terkait atau tanyakan langsung disini.

Q : Bagaimana jika ada perubahan di dalam game yang membuat saya harus export ulang? Haruskah saya mengulang dari awal?

A : Tidak. Kamu hanya perlu me-replace isi dari folder www dan membuild ulang. Semua konfigurasi project termasuk plugin-plugin yan terinstal akan tetap ada selama kamu tidak menghapusnya.

Q : Bagaimana cara merubah orientasi game?

A : Cukup tambahkan script berikut pada config.xml :

<preference name="Orientation" value="landscape" />

Selain landscape, kamu juga bisa mengisinya dengan portrait ,jika tidak diisi/tidak menuliskan baris diatas maka orientasinya menjadi otomatis (mengikuti posisi device,sensor)

[alert-note]Script tambahan diatas ditulis sebelum </widget> [/alert-note]

Q : Bagaimana agar game saya menjadi Fullscreen?

A : Tambahkan script berikut pada file config.xml :

<preference name="Fullscreen" value="true" />

[alert-note]Script tambahan diatas ditulis sebelum </widget> [/alert-note]

Q : Bagaimana cara memasang plugin?

A : Ikuti tutorialnya disini.

Q : Bagaimana cara memasang Splash Screen?

A : Kamu bisa mengikuti tutorialnya disini.

Troubleshooting

Q : Ketika build muncul error : Could not find an installed version of Gradle or Android Studio?

A : Cek solusi berikut ini.

Q : Ketika build muncul error : Unable to start the daemon process.

A : Tambah system variable seperti yang pernah dibahas sebelumnya, dengan nilai sbb:

Name	Value
_JAVA_OPTIONS	-Xmx512M

source

Featured

Build APK Secara Lokal – Prolog

Setelah sekian lama tidak post dikarenakan jadwal saya yang padat (atau karena tidak tahu mau post apa), akhirnya saya bisa post kembali. Kali ini tutorial yang akan saya bagikan masih berhubungan dengan post an sebelumnya yaitu Bagaimana Cara Export Project Construct 2 menjadi APK Android.

Namun yang berbeda disini yaitu pada tutorial kali ini kita akan menggunakan local build.

Apa itu Local Build?

Sebelumnya, apa sih maksud local build itu? jadi intinya kalau sebelumnya kita membuild apk menggunakan Intel XDK, yang artinya kita harus upload terlebih dahulu project yang kita buat termasuk plugin-plugin yang ter-install,nah untuk kali ini kita tidak perlu repot-repot upload berulang-ulang untuk build apk karena kita akan membuildnya menggunakan komputer/laptop kita sendiri.

Lanjutkan membaca “Build APK Secara Lokal – Prolog”

Seberapa Penting Penggunaan Unique ID di Construct 2/3 ?

Dalam kesempatan kali ini kita akan membahas seberapa pentingkah penggunaan UID di Construct 2/3.

Pertama-tama kita cari tahu dulu apa itu UID? Menurut situs resminya, UID atau Unique ID merupakan sebuah kode unik yg membedakan setiap objek yang ada di construct. UID ini berupa nomor yg dimulai dari 0 dan akan terus bertambah 1 seiring objek baru ditambahkan.

Permasalahan

UID ini sering digunakan karena ke-praktisannnya. Kita ambil contoh jika kita mau membuat sebuah form login, paling sedikit yang kita butuhkan adalah 2 buah textbox, yaitu untuk username dan password. Untuk efisiensi, kita hanya menambahkan 1 buah Textbox ke project lalu meng-copy paste nya menjadi 2. Bedakan keduanya dengan isi placeholder yang berbeda.

Untuk mengambil kedua nilai diatas terdapat berbagai macam cara, salah satunya yaitu menggunakan UID yang kita bahas diatas. Cukup lihat UID dari kedua textbox diatas dan kita pakai kondisi Pick by Unique ID maka kita akan mendapatkan nilai yang kita inginkan secara akurat.

Cara diatas sangat bisa dilakukan karena sistem akan memilih terlebih dahulu textbox dengan UID yang sesuai lalu melakukan action disebelah kanan nya.

Namun, taukah kamu kalau ternyata Unique ID ini dapat tiba-tiba berubah tanpa sepengetahuan kita?

Hal tersebut terbukti ketika saya sedang mengerjakan salah satu proyek yang terbilang cukup besar. Jumlah objek yang ada lebih dari 200 dan UID yang terbuat sekitar 2000+ (karena memang terdiri dari banyak level). Saat itu saya sedang melakukan testing seperti biasa dan ntah mengapa beberapa button yang semula berfungsi mendadak tidak berfungsi.

Setelah cek sana sini tidak ada logika yang salah, sampai akhirnya saya cek kondisi saat menekan button nya, disana ada kondisi Pick by Unique ID dengan value sekian, dan ketika saya cek objek tersebut pada layout ternyata button yang dimaksud tidak memiliki Unique ID tersebut!

Saya pun segera merubah kondisinya menjadi Unique ID yang ada pada button, namun setelah dipikir-pikir dan takut akan terjadi hal yang sama saya pun mengubah logika kondisi nya.

Solusi

Sebenarnya ada banyak cara untuk mengakali permasalahan diatas, salah satu nya yang paling mudah (dan jangan ditiru) adalah membuat objek yang sama berulang-ulang, misalnya seperti gambar dibawah ini :

Sebenarnya kalau untuk textbox tidak terlalu masalah, yang jadi masalah adalah jika objek nya berupa sprite, jika sprite yang sama/sifatnya hampir sama di copy-paste dengan tujuan diatas itu baru masalah.

Solusi lain yang lebih baik adalah dengan menambahkan instance variable. Misalkan kita tambahkan instance variable bernama tipe dan mengisi value yang berbeda di setiap textbox.

Cara diatas relatif lebih aman jika dibandingkan dengan 2 cara sebelumnya.

Kesimpulan

Penggunakan kondisi Pick by Unique ID sebenarnya sah sah saja namun harap perhatikan berbagai risiko yang akan datang. Jika memang dikira akan aman-aman saja sih tidak apa-apa, namun jika khawatir hal yang saya alami juga terjadi pada kalian, lebih baik ubah kondisi Pick by Unique ID sesuai solusi diatas.

NB : Sampai saat ini saya belum menemukan penyebab mengapa UID yang ada pada project saya berubah, jika nanti saya menemukan penyebabnya atau jika kalian tahu penyebabnya silahkan komentar di post ini dan akan saya update.

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!

Mengatasi Local Build Error : Could not find an installed version of gradle

Dikarenakan cukup banyak yang mengalami error : could not find an installeed version of gradle blabla… maka pada kesempatan kali ini saya akan bagikan cara untuk mengatasi error tersebut.

Sesuai yang tertulis diatas, penyebab error nya adalah karena belum menginstall gradle ATAU android studio. Namun, ada pula yang sudah menginstall android studio tapi dapet error itu, padahal di android studio sudah include gradle. Kenapa ya?

Pastikan Gradle/Android Studio telah terinstall

Bagi kamu yang memang belum menginstall baik Gradle ataupun Android Studio, kamu perlu menginstall salah satunya terlebih dahulu.

(Klik disini untuk mendownload Android Studio) atau (Klik disini untuk mendownload Gradle).

Saya lebih menyarankan untuk menginstall Android Studio nya. Karena Android Studio memungkinkan kita untuk mengedit2 project kita sebelum di build menjadi APK.

Selain itu, dengan menginstall Android Studio, kamu bisa mengoptimasi file APK seperti yang ditulis di tutorial ini.

Untuk beberapa pc perlu men-setting PATH untuk gradlenya. Caranya sama seperti yang saya bahas pada tutorial sebelumnya.

Name	Value
GRADLE_HOME	(lokasi_gradle_setelah_diexport)

Solusi : Edit file check_reqs.js

source : https://stackoverflow.com/questions/44305133/error-could-not-find-an-installed-version-of-gradle-either-in-android-studio-o

Buka file check_reqs.js yang berlokasi di \FolderProjectCordovaKamu\node_modules\cordova-android\bin\templates\cordova\lib

Lalu edit dengan text editor mu, lalu tambahkan baris :

return 'D:\\Android\\sdk\\gradle\\gradle-3.2\\bin\\gradle';

Sebelum baris

if (androidStudioPath !== null && fs.existsSync(androidStudioPath)) {
 var dirs = fs.readdirSync(androidStudioPath);
 if(dirs[0].split('-')[0] == 'gradle') {
  return path.join(androidStudioPath, dirs[0], 'bin', 'gradle');
 }
} else {
  //OK, let's try to check for Gradle!
  return forgivingWhichSync('gradle');
}

[alert-note]Sesuaikan value nya dengan lokasi gradle kamu[/alert-note]

Bagaimana? apakah berhasil atau masih error? Jika masih error, beritahu saya di kolom komentar dibawah ini, atau kamu tahu solusi lain? Jangan sungkan untuk memberi tahu nya disini, nanti saya update post an nya. Berbagi itu indah 😀

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.

Construct 2 Smooth Scroll Template

Di dalam sebuah game biasanya tidak bisa lepas dari fungsi scrolling, baik itu secara horizontal maupun vertical. Fungsi scrolling ini biasa digunakan pada game-game seperti pada pemilihan level, menu inventory, menu shop, dan menu/tampilan lainnya yang memang isinya tidak cukup ditampilkan hanya dalam 1 halaman.

(image from : mobygames.com)

Lanjutkan membaca “Construct 2 Smooth Scroll Template”

Sign APK dengan Keystore menggunakan APK Signer

Setelah APK dibuat/di release, langkah selanjutnya adalah men-sign in APK tersebut dengan Keystore. Oh iya, sebenarnya kita juga bisa langsung men-sign in APK yang kita buat pada saat proses build. Namun kita akan membahas hal tersebut nanti.

Nah, pada postingan kali ini saya akan membagikan tutorial cara sign in keystore menggunakan APK Signer.

APK Signer?

APK Signer merupakan software yang cukup powerful, karena selain bisa digunakan untuk men-sign in keystore, aplikasi ini juga bisa membuat keystore, sebagai apk alignment dan juga bisa melihat detail keystore seperti siapa saja owner yang terdaftar pada suatu file keystore, melihat fingerprint md5,sha-1,sha-256 dll.

Selain itu aplikasi ini sangat ringan, ukurannya kurang dari 1MB!

Cara Pakai

Karena aplikasi ini bersifat portable, jadi kita tidak perlu melalukan instalasi terlebih dahulu. Cukup Double Klik saja kita sudah bisa menggunakan aplikasi ini.

[alert-note]Jika kamu belum tahu cara membuka file .JAR, kamu bisa mengikuti tutorial saya sebelumnya mengenai Cara Membuka File JAR.[/alert-note]

Berikut merupakan tampilan awal aplikasi APK Signer

Sebelum kita bisa menggunakan fitur-fitur yang ada pada aplikasi ini, terlebih dulu kita harus mengatur lokasi JDK. Cukup tekan tombol Choose lalu pilih lokasi dimana kamu menginstall JDK.

Nah setelah lokasi JDK telah diatur kita bisa menggunakan fitur-fitur yang ada. Apa saja sih fiturnya?

Membuat Keystore

Klik Save As lalu tentukan nama file Keystore yang kamu inginkan dan tentukan juga dimana kamu mau menyimpan file tersebut
Isi kolom Password, harus sama dengan kolom Confirm Password. Password ini merupakan password untuk Keystore.
Isi kolom Alias, 1 file keystore dapat terdiri lebih dari 1 alias
Isi kolom Alias password, boleh sama dengan password sebelumnya, tidak sama pun tidak apa.
Validity isi 25 saja
First and Last name, Organizational unit, Organization diisi sesuai
City or Locality diisi sesuai kota dimana kamu tinggal
State or Province diisi dengan propinsi dimana kamu tinggal
Country Code diisi ID

Sign in APK

Klik Load Keyfile lalu pilih file keystore yang akan kamu gunakan
Masukkan Password Keystore
Jika password keystore yang kamu masukkan benar, maka Alias akan muncul secara otomatis
Masukkan Alias Password
Pilih APK yang akan si Sign in
Klik Sign
Hasil APK akan masuk di lokasi yang sama dengan APK yang tadi kamu pilih

APK Alignment

Hampir sama dengan langkah-langkah sebelumnya, namun ini lebih simple. Fitur APK Alignment digunakan setelah APK sudah di Sign in. Langkah-langkahnya :

Klik Load APK File lalu pilih file APK yang akan di align
Klik Align
Selesai!

Key Tools

Nah kalau fitur yang satu ini berfungsi untuk melihat detil dari file Keystore. Kamu bisa melihat alias siapa saja yang ada pada keystore tersebut, melihat hash md5, sha-1, sha-256 dan detil keystore lainnya.

Cukup tekan Load Keyfile lalu pilih keystore yang mau kamu lihat detil nya, pada Keystore type pilih JKS. Setelah itu masukkan Password lalu tekan List Entries.

Download APK Signer

Bagaimana? Cukup powerful kan aplikasi yang satu ini? Berikut link untuk mendownload APK Signer

[GoogleDrive] [ZippyShare]

Cara membuka file JAR

Sebenarnya banyak cara untuk membuka file JAR, namun saya lebih memilih untuk menggunakan aplikasi JAR Runner.

Mengapa? Karena aplikasi ini sangat ringan dan aplikasi ini tidak memerlukan konfigurasi-konfigurasi khusus, cukup Install aplikasi ini lalu kita tinggal Double Klik pada file jar yang ingin kita buka lalu Open With JAR Runner.

Cukup mudah bukan? Berikut link download untuk JAR Runner :

[GoogleDrive] [ZippyShare]