Mengubah Icon NW.js hasil Export Construct 2

April 15, 2018 in #Construct 2 | | | Share on Google+

NW.js merupakan salah satu framework favorit untuk membungkus game/aplikasi HTML5 menjadi executable (.exe), dan pastinya pengguna Construct 2 sangat familiar dengan gambar ikon berikut.

gambar oleh https://www.ironsrc.com

Iya, itu lambang NW.js yang kita maksudkan. Lalu yang jadi pertanyaan dari kita semua ialah "bagaimana cara mengubah icon NW.js hasil export dari Construct 2 ini?"

Berikut ini merupakan tampilan Default hasil export dari Construct 2

Dan berikut ini merupakan hasil dari langkah yang akan kita bahas nanti

Apa saja bahan yang dibutuhkan?

Langkah pertama

Cobain game kami Juragan Nasi Padang di Playstore!

Install Resource Hacker yang sudah kalian download tadi hingga selesai.

Langkah kedua

Setelah menginstall aplikasi Resource Hacker tersebut, buka halaman web berikut ini.

Upload gambar icon yang sudah kamu siapkan di awal tadi

Berikutnya pilih format ICO, tekan Convert ICO, dan Download your icon.

maka kamu akan mendapatkan file .ico seperti berikut ini

Langkah ketiga

Buka folder hasil export NW.js kamu tadi, lalu klik kanan pada file NW.exe dan pilih Open using Resource Hacker.

Apabila tidak ada pilihan tersebut, kamu bisa menggunakan cara manual dengan membuka terlebih dahulu aplikasi Resource Hacker, lalu tekan CTRL+O atau File > Open dan pilih file NW.exe tadi.

Ketika kita sudah membuka file NW.exe tersebut di aplikasi Reshacker ini, kamu dapat melihat semua resource seperti icon, version, dan manifest yang sudah tersimpan/di kemas di dalam file NW.exe tersebut.

Klik kanan pada folder Icon Group, lalu pilih Replace Icon, dan pilih Open file with new icon.

Berikutnya pilih icon yang baru saja kita download tadi, pastikan icon yang kamu pilih untuk diganti ialah IDR_MAINFRAME, lalu klik Replace.

Sehingga tampilannya akan menjadi seperti berikut.

Langkah terakhir

Cobain game kami Juragan Nasi Padang di Playstore!

Lihat pada pojok kiri atas, buka menubar File, lalu pilih Save as, dan beri nama sesuai yang kamu inginkan.

Sehingga hasil akhirnya akan seperti ini, apabila sudah ingin dipublish, cukup hapus saja file NW.exe tersebut, gantikan dengan file yang baru saja kita ganti icon nya.

Sekian informasi yang bisa saya sampaikan, semoga bermanfaat dan sampai jumpa di artikel Construct 2 berikutnya.

Referensi


Daniel William
facebook
Construct 2 & 3 Indonesia
E-mail : arcadesindo@gmail.com


April 15, 2018 in #Construct 2 | | | Share on Google+