Windows 8 + Construct 2 Tutorial - Snap View

Salah satu syarat agar aplikasi kita lolos ke Store adalah bahwa aplikasi kita harus (menurut saya ini syarat wajib, tapi saya  juga dengar-dengar ADA aplikasi yang tidak memenuhi syarat ini tapi lolos) mendukung tampilan Snap View. Apa itu Snap View, lebih bagus kalau saya  beri gambarnya saja ya.

Gambar diatas merupakan Snap View dari aplikasi Flood It. Intinya di sini adalah, si user bisa menjalankan dua aplikasi sekaligus dengan gampang. Pada Snap View tidak wajib aplikasi berjalan, bisa juga aplikasinya menyampaikan pesan bahwa aplikasi tersebut hanya bisa berjalan di Full View atau Filled View. Dengan catatan tentunya mempermudah user untuk pindah secara gampang.

Nah, setelah saya jelaskan tentang Snaap View, saatnya  implementasi masbro dan mbasist. Ikuti langkah ane ya. Saya hara kalian sudah ada game C2 yang sduah di export ke Windows 8 melalui Visual Studio, jika belum kalian baca dulu postingan ane yang ini ya.

• Pertama-tama, bukalah projek kalian yang berekstensi .sln
• Kemudian buka appx.packagemanifest, buka tab Packaging, pilih Choose Certificate -> Create Certificate. Isi publisher namenya sesuai dengan data riilnya. Jangan beri password, saya kurang tahu kenapa tapi saya baca di blog yang cukup bagus itu jangan.

• Pada folder plugin Windows 8 untuk C2 yang sudah kalian ekstrak, salin file index.html, index-fs.html, dan project.jsproj ke dalam folder C:\Program Files\Construcct 2\exporters\html5\metro.
• Pada Solution Explorer, apa bila ada file-file yang ada tanda kuning-kuning seperti tanda warning itu, artinya file-file tersebut belum ada pada projek kita, maka kita harus menambhakannya. Caranya  bagaimana? Klik kanan projek kita pada Solution Explorer, klik Add -> Add Existing Item. Cari file-file dengan tanda warning tersebut pada C:\Program Files\Construcct 2\exporters\html5\plugins\metro. Kalau pada Solution Explorer saya tidak ada karena sebelumnya sudah saya tambahkan. Hasilnya adalah sebagai berikut apabila saya Snap.

Secara default game kita akan terpause secara otomatis. Kalau di kepala kalian timbul pertanyaan “Bagaimana kalau saya ingin tampilan yang lebih menarik lagi?”. Gampang gan. Ikuti langkah berikut ini.

• Klik kanan pada projek kita di Solutions Explorer, Add -> Add Existing Item, Cari gambar yang menurut kalian menarik yang ada di komputer kalian. “Kita mau ngapain?” Lihat saja nanti hasilnya ;)
• Pergilah ke index.html
• Cari kodingan seperti yang di bawah ini.

• Ganti seperti yang ane lakukan

• Tekan Ctrl + F5 dan hasilnya seperti ini gan ;)

Kalau kalian klik gambar kalian itu, langsung aplikasi kita akan menjadi seperti biasa.

Mungkin itu yang ane bagikan untuk postingan kali ini. Kalau missal ada yang kurang jelas, silahkan ke blog ini, ane belajar dari situ ko.. ;) Mohon maaf kalau ada yang kurang atau salah ya. ;)

Windows 8 + Contruct 2 Tutorial - Meng-export Game C2 ke Visual Studio 2012

Halo rekan-rekan semua, sudah cukup lama sejak saya membuat postingan tutorial Windows 8. Ok, langsung saja kali ya.

Contruct 2 merupakan suatu tool yang sangat mempermudah developer untuk mengembangkan aplikasi game, entah itu di HTML 5, Android, bahkan Windows 8 tentunya. Setelah kita sudah sukses membuat game, pertanyaan yang timbul di kepala kita salah satunya bisa “Bagaimana saya jalankan game saya di Windows 8?”. Developer tidak perlu pusing, sudah ada plugin yang dapat digunakan. Plugin dapat didownload di sini.

Note: Sebenarnya tidak perlu dengan plugin ini sudah bisa kita export, tapi plugin ini akan kita gunakan setelah ini.

Setelah didownload, ikutilah langkah-langkah berikut ini.

• Extract folder tersebut pada direktori tertentu, kalau saya sendiri mengekstraknya ke folder Donwloads saya.
• Buka Command Prompt sebagai Administrator, atau cukup dengan shortcut Tombol Windows + X.
• Pergilah ke direktori dmana kalian mengekstrak folder plugin-nya.
• Ketik “install.cmd” (tanpa tanda kutip). Hasilnya bila benar akan seperti ini.

• Setelah itu, bukalah projek game C2 kalian, pada tab Project, pastikan Nama game, Author dan Description sudah terisi dengan benar, kalau tidak terisi akan menghasilkan pesan bahwa proses export tidak bisa.
• Setelah itu, insert-lah object baru, yaitu Windows 8 (pilih yang bagian Platform specific). Apabila tidak ada Windows 8 pada pilihan objek, kemungkinan proses instalasi plugin gagal, saya sarankan ulanngi lagi. Setelah sukses memasukkan objek baru, kita siap untuk mengexport. Pada contoh ini akan saya gunakan game sample Space blaster yang sudah disediakan.
• Pada tab Home, klik Export Project, pilih Windows 8, silahkan tentukan lokasi ekstraksi sesuka kalian. Hilnagkan tanda centang pada bagian Minify script. (Sayakurang tahu ini untuk apa persisnya, tapi ini opsional kok J).
• Pilih Export, kemudian tunggu hingga selesai.
• Pilih Open Destination Folder.
• Sudah dehh, game kalian sudah bisa dijalankan di Windows 8. ;)

Apakah cukup sampai situ saja, belum gan. Akan saya jelaskan  di postingan berikut saya. ;)

Kalau saya masukkan di sini semua takutnya kebanyakan isi, kalian bosen bacanya dehh. Hehehe