Export HTML5 ke Apk untuk Android

Pengaplikasian game Apelable ini adalah supaya bisa dimainkan lewat android.

1.      Download dan install intel xdk di https://software.intel.com/en-us/intel-xdk

2.      Buat direktori folder baru untuk menampung file cordova html5.

3.      Export construct project ke cordova html5, simpan didalam folder yang telah dibuat.

4.      Export cordova html5 ke android APK, Buka intel xdk.

  

5.      Konfigurasikan folder tempat cordova html5 diekspor

6.      Setelah konfigurasi selesai maka akan muncul beberapa tab menu, pilih tab menu “build”.

7.      Pilih build untuk “Crosswalk for Android”.

8.      Tunggu Proses Upload Selesai.

  

9.      Jika proses upload selesai, akan muncul tampilan seperti dibawah, pilih “Build App Now”. Tunggu hingga proses build berhasil.

           

10.  Download hasil build APK. Simpan ke dalam folder yang diinginkan.

Game Event Sheet IV: Game Play

           

 Preparation, berisi sistem persiapan awal game. Terdapat value 0-2, merupakan value untuk menset tempat jatuhnya apel, apel akan jatu dari 3 tempat berbeda yang disetting sesuai value ini. Membuat objek keranjang di layer 2 dengan koordinat x yang sama dengan value sebelumnya. Memunculkan efek gravitasi, environment, control dan tombol Pause.

Timer, mensetting timer sehingga akan berkurang 1 setiap 1 detik.

Spawning Coordinate, sistem untuk menjatuhkan apel dengan titik koordinat x sesuai dengan ke-3 value tadi, dalam waktu yang acak.

Gravity Acceleration, untuk mensetting gravitasi apel yang jatuh.

Control, berisi sistem yang akan terjadi apabila input dilakukan. Apel+Obstacle membuat Apel yang jatuh akan jatuh lebih cepat apabila di klik atau disentuh. Keranjang saat ditekan “Z” keranjang akan membuka atau menutup, begitu juga jika di klik atau disentuh. Terdapat variabel buka yang akan mengatur apel akan masuk skor jika keranjang dalam status terbuka dan sebaliknya. Pada keranjang 2 dan 3 juga terdapat event yang sama hanya saja key nya berbeda, yaitu keranjang 2 key “X”, dan keranjang 3 key “C”.

Collision, sistem yang mengatur kondisi apabila terjadi collision/tumbukan. Yaitu jika keranjang menyentuh apel combo score bertambah, jika menyentuh apelobstacle (busuk) health berkurang 10 dan combo mereset ke 1. Dan begitu kebalikanya apabila apel dan apelobstacle menyentuh tanah.

Heads Up Display, sistem yang menampilkan score, health point, combo, dan timer.

Pause Button, berisi sistem untuk menonaktifkan semua fitur yang ada pada game play.

Menu Button, berisi sistem untuk mengaktifkan menu pop-up saat pause. Yaitu Restart, Main Menu, dan Sound.

Menu Condition, berisi sistem untuk mengatur kondisi eksternal atau tampilan game saat pause. Seperti Layer Menu pop-up menjadi terlihat, fungsinya aktif, warna game play ber opacity 50, dll.

Finish Condition, untuk menonaktifkan segala sistem yang sebelumnya diaktifkan pada layout ini.

Game Event Sheet III: Option Menu

Sound Control,  berisi sistem audio yang mendefinisikan sound on saat variabel = 1, dan sound off saat variabel = 0.

Reset Control, berisi sistem reset highscore. Yang mana cache high score sebelumnya akan langsung dihapus.

Game Event Sheet II: Map / Pemilihan Level

Merah, berisi sistem pemilihan map. Dimana saat mouse ada disekitar area akan ditampilkan teks penjelasan level, serta area yang di tunjuk akan membesar sebagai indikasi. Ketika area level di klik atau disentuh akan berpindah ke scene level yang dimaksud. Event ini berlaku untuk setiap level dalam 7 warna berbeda.

  Back, berisi sistem untuk UI back. Jika mouse berada disekitar area, ikon akan membesar. Jika ikon di klik atau disentuh akan pergi kembali ke Main Menu.

Finish Map, berisi sistem untuk menghentikan audio jika layout Map ini berakhir, yaitu dengan menghentikan audio.

Game Event Sheet I: Main Menu

     

   Preparation Main, berisi system audio. Dimana saat layout pertama kali muncul audio yang dipasang sebagai BGM akan berbunyi. Terdapat variable “sound_active” yang disetting jika > 1 maka set ke 0 , jika = 1 maka unmuted (berbunyi) , jika = 0 maka muted (tidak berbunyi).

       Button, berisi system touch untuk setiap tombol UI. Semua tombol berisi sama, hanya akan memproses perpindahan scene yang berbeda. Play akan berpindah scene ke map pilihan level. Option akan berpindah ke scene audio setting. Credit akan berpindah ke scene credit yang berisi anggota developer. Exit akan otomatis melakukan close.

        Animation Main Menu, berisi setting untuk animasi. Animasi actor, tangan, dan awan dimainkan setiap tick. Animasi Awan bergerak sesuai sumbu x, lalu awan akan di hilangkan dari sistem setelah keluar layout. Awan dimunculkan setiap 2/3 detik.

            Finish Main, berisi apa saja yang dilakukan jika layout main menu telah selesai. Yaitu untuk menghentikan audio yang dimainkan.

Game Play II: Play dan Pause

Sekilas Penampakan Gameplay dan pause dalam game Apelable.

Apel dari pohon ajaib tumbuh dan berjatuhan dengan kecepatan yang tidak wajar!!

Segera kumpulkan Apel-apel ajaib ini dalam keranjang. Tetapi jangan sampai keranjang kalian berisi apel busuk, karena sekali berisi apel busuk maka semua apel dalam keranjang akan membaur menjadi busuk :o !!

Penjelasan Game Play:

- Apel warna-warni berjatuhan dari atas pohon

- Tangkap apel dengan cara memasukanya ke dalam keranjang yang terbuka

- Apel berwarna yang terlewat akan mereset Combo Point (Combo Break)

- Hindari menangkap apel busuk dengan cara menutup keranjang 

- Apel busuk yang masuk ranjang akan mereset Combo Point (Combo Break)

- Health point akan berkurang setiap kali terjadi Combo Break

- Health point 0, maka permainan berakhir

- Terus bertahan untuk mengumpulkan apel warna-warni hingga waktu selesai

- Pause Gamenya apabila Orangtua atau temanmu membutuhkan bantuanmu segera !!
- Berjuang !! ^_^

Map Apelable (Apelable Land) Fix

Penampakan Map Apelable Land, dalam pemilihan stage di game Apelable.

Enjoy ^_^

Main Menu

Sekedar memamerkan penampakan Main Menu dari game Apelable kami :D

Asset I: Apel

Preview Asset Apel

Apel-apel diatas akan menjadi asset utama dalam game play Apelable ini.

Apel-apel tersebut terdiri dari apel 7 warna pelangi, serta 4 apel tambahan.

Apel merah, jingga, kuning, hijau, biru, nila, dan ungu adalah apelable atau aple 7 warna pelangi.

Apel silver, dan warna-warni digunakan untuk apel boost, apel coklat digunakan untuk apel busuk, dan apel warna-warni tergigit digunakan sebagai icon game. 

Game Play I: Peta Apelable

Apelable Land

Apelable Land adalah sebuah tempat dimana terjadi keajaiban apel di dalam game Apelable ini.

Peta dari Apelable Land sendiri mengadaptasi dari peta Kota Batu, Jawa Timur, Indonesia.

Peta ini dugunakan sebagai UI pemilihan Level, dimana akan dibuat 7 level dengan tingkat kesulitan yang berbeda.

Game Story

Scene I   Kegagalan Panen

Perkebunan Apel disuatu kota secara berangsur-angsur mengalami kegagalan panen karena hal yang misterius. Perkebunan-perkebunan tersebut terpaksa memecat karyawan-karyawannya serta menanggung banyak hutang akibat kerugian dari gagal panen. Akhirnya perkebunan-perkebunan di kota tersebut satu persatu dituup karena bangkrut. Tinggal pemiliknya yang masih meratapi bencana di ladang perkebunannya.

Scene II   Kilatan Petir

Pada suatu malam hujan badai menghampiri hampir seluruh sudut kota. Sebuah kilatan petir yang misterius menyambar salah satu perkebunan. Kilatannya sangat aneh karenan memiliki warna kilatan yang tidak biasa yaitu berwarna-warni layaknya pelangi. Si pemilik perkebunan menyadari kejanggalan tersebut namun tidak begitu mempedulikan kejadian tersebut.

Scene III  Apel Warna-Warni

Beberapa hari setelah kejadian kilatan petir sang pemilik perkebunan pergi ke kebun untuk memeriksa keadaan kebun. Sang pemilik kebun tersebut terkejut setelah menemui pohon-pohon apelnya telah tumbuh dan berbuah kembali hanya dalam hitungan hari. Tidak hanya itu apel-apel tersebut juga telah banyak yang berjatuhan ke tanah dan beberapa memiliki warna-warna yang tidak lazim. Bayangkan saja ada apel yang berwarna orens, kuning, biru, ungu, dan nila , selain itu juga ada apel yang berwarna masih lazim yaitu merah dan hijau, tapi tetap saja semua ini adalah sebuah keaajaiban.

Scene IV  Kejanggalan & Kebutuhan Pasar

Terjadi sebuah kejanggalan lain yaitu buah-buah apel tersebut menjadi lebih bahkan sangat cepat busuk ketika telah menyentuh tanah. Di pihak lain telah banyak permintaan dari pasar yang tertarik untuk membeli apel ajaib tersebut. Sebuah tantangan bagi pemilik kebun untuk selalu siap siaga di bawah pohon apel dan tidak boleh membiarkan apel terjatuh ke tanah.

Latar Belakang

Study Kasus

Beberapa tahun yang lalu Indonesia sempat mengimport ratusan ton apel dari luar negeri.
Permintaan pasar apel lokal menurun karena para konsumen dibanjiri pilihan berbagai macam apel import yang lebih menarik secara visual, namun kurang baik karena pastinya mengandung banyak pengawet sebab didatangkan dari luar negeri.
Anak kecil banyak yang lebih memilih Apel Import karena visualnya lebih menarik.

Sasaran dan Tujuan Game

1. Mengajak rakyat Indonesia mencintai apel lokal. 
2. Mengajak anak kecil untuk menyukai apel lokal baik secara visual maupun rasa.
3. Memberikan edukasi tentang wisata petik apel.
4. Memberikan edukasi tentang kemanfaatan buah apel.