Kali ini Saya mau berbagi cara membuat aplikasi atau game android menggunakan adobe Animate CC, Tentunya kita sudah tidak asing lagi dengan yang namanya aplikasi atau game karna dalam keseharian kita banyak sekali hal yang berkaitan dengan itu semua. Pada dasarnya adobe animate banyak digunakan untuk pembuatan animasi, namun taukah kalian bahwa adobe animate itu bisa di jadikan alat untuk pembuatan aplikasi, media pembelajara ataupun Game? Nah dalam artikel ini saya mau berbagi cara untuk membuat aplikasi, media pembelajaran atau game menggunakan adobe animate cc.
Adobe Animate CC menggunakan bahasa pemrograman AS3 yang telah digunakan dalam versi lawas nya yaitu adobe Flash. Dalam Adobe Animate ini kita di haruskan membuat Desain dan script untuk action nya, nah untuk pembuatan aplikasi atau game android kita di haruskan untuk meng setting Layar dan perangkat androidnya. Untuk lebih jelasnya kita langsung ke tutorial nya :
- Buka Adobe Animate nya, Kemudian Klik FILE > NEW… > Kemudian pilih AIR FOR ANDROID
- Dalam Setting Awal di AIR FOR ANDROID Isi Ukuran Layar nya dengan Width : 480 px dan Height 800 px ( itu di sesuaikan dengan ukuran layar perangkatnya, jadi jangan terpaku ke ukuran yang ini yah …)
- Setelah itu Klik OK
- Nah Setelah itu akan muncul halaman utamanya …
Di halaman utama (Area Kerja adobe animate), kita hanya perlu membuat desain dan script seperti biasa (ketika menggunakan AS3 di adobe Flash). Untuk kalian yang belum pernah menggunakan adobe flash atau adeobe animate cc, Nanti saya akan membuat artikel tentang cara membuat BUTTON, ANIMASI, dan keperluan lainnya dalam pembuatan aplikasi atau game menggunakan adobe animate CC.
Nah Sekarang kita lanjut, Setelah kita membuat desain dan script dalam adobe animate “AIR FOR ANDROID”. Langkah selanjutnya adalah Membuat Certificate, Certificate ini di gunakan untuk PUBLISH Projek kita sehingga menjadi APK atau aplikasi yang siap di instal di perangkat Android.
Tutorial Cara Membuat Certificate Di Adobe animate CC (Air for Android) :
- Pergi Ke Properties (biasanya ada di sebelah kanan), Kemudian Pilih Publish > Target > Edit Application Setting (yang gambar Kunci)
- Nah akan muncul kotak dialog seperi di bawah ini kemudian ikuti langkah berikutnya, perhatikan gambar di bawah ini :
Pilih deployment > kemudian pilih Create Certificate :
Publisher Name : Isi bebas, Contohnya Neicy
Organization Unit : Isi bebas, Contohnya Neicy tekno
Organization Name : Isi bebas, Contohnya Neicy INK
Country : Isi Bebas, Contohnya US
Password : Isi Bebas juga 🙂 -
Setelah itu Save As dan tempatkan di folder mana aja (jangan sampai hilang atau lupa, agar tidak membuat ulang)
- Setelah itu Klik Ok, selesai
Nah Setelah kita mempunyai Certificate Digital, kita setting Publish nya agar siap di instalkan di perangkat android. Caranya masih di bagian Properties > Publish > Target > Edit Setting Application
- Bagian Pertama Kita mengatur Nama dari aplikasinya
Output File : Nama FIle ketika di save
App Name : Nama Aplikasi ATau Game nya
App.Id : Id app bisa di isi bebas
Version : Versi Terendah yang bisa menginstalkan aplikasi atau game yang kita buat - Setelah Itu Kita atur bagian Deployment nya
Untuk Certificate nya, isi dengan Certificate yang telah kita buat tadi
*Air Runtime :
a. Embed Air Runtime With Application (adobe air nya sudah ada dalam aplikasi, jadi kita tidak perlu menginstal adobe air nya lagi)
b. Get Air Runtime From : …. (Adobe air nya harus di instal lagi di …)Munkin itu penjelasan singkat mengenai Air runtime hhe
- Untuk Icon, kita harus membuat dulu dengan ukuran yang telah di tentukan.
- Setelah itu Klik Publish dan lihat hasilnya ..
Nah langkah-langkah di atas merupakan panduan awal dari pembuatan game atau aplikasi android menggunakan adobe animate cc. Jikalau ada yang kurang jelas silahkan di tanyakan di kolom komentar. Semoga artikel ini bermanfaat untuk teman-teman semuanya dan terima kasih telah berkunjung 🙂
kak saya kan membuat game memilah sampah yang game nya berlevel. jadi saya kan mau masuk kelevel 2 tapi game nya tidak jalan . padahal sudah sama saya buat instruksi nya sama yang di lvel 1 . itu kira kira cara ngatasi nya kayakmana ?
sitorusputra028@gmail.com
untuk perpindahan level nya apa memakai skor?
tolong cek :
1. instance name nya.. apakah sudah sesuai? karna setiap intruksi akan memiliki instance name yang berbeda.. jadi intruksi level 1 dan level berikut nya ada kemungkinan berbeda di instance name nya
2. jikalau menggunakan movie clip sebagai teknik pembuatan level nya, perhatikan dalam pembuatan instance name dan navigasi nya …
Cek emial ~~
Kemudian kalau untuk menambahkan Google maps atau Link Website (visit online) di adobe animate, Itu bisa dilakukan.. Untuk tutorialnya silahkan cek di artikel terkait Kategori Multimedia
saya belum mencobanya sih kalau untuk Online.. tapi kalau Offline saya uda pernah bikin game dan apps sederhana dengan adobe animate.
kalau membuat aplikasi pake adobe animater bisa ga ya terkonek dengan google form atau sejenisnya, jadi goals nya bikin apk yang bisa online dan bisa offline gitu, bisa ga ya?
keren
izin bertanya kak, setelah membuat tombol dengan action scricpt kemudian di run muncul eror " access of undefined property button" dan tombol tidak bisa berfungsi
terimakasih
sahidamilanisti@gmail.com
Untuk membuat tombol, Silahkan cek di Artikel sebelumnya kak.. nanti ada penjelasan lengkapnya mengenai cara pembuatan tombol.
Silahkan pelajari disini kak :
https://www.neicytekno.net/2020/06/tutorial-adobe-animate-membuat-button.html
ketika sudah publish ke android kok tidak bisa di instal di hp kenapa ya ?
Apakah tutorial di atas sudah di ikuti dengan baik kak??
selama aku menggunakan cara di atas, Semuanya berjalan dengan baik dan tidak pernah mengalami kendala gagal instal di HP android.
Namun ada beberapa hal yang harus di perhatikan (Biasanya terlupakan).
1. Versi android yang digunakan dalam aplikasi/Game yg di buat gunakan Versi 1 saja. agar supaya semua android bisa meninstalkan projek yang kaka buat.
2. Adobe air yang digunakannya, Langsung pasang di aplikasinya saja dengan cara : di bagian Air Runtime, Pilih Embed air runtime with aplications
Nah kedua hal itu merupakan hal yang penting ka..
Semoga membantu 🙂
Kak, setelah saya coba muncul notifikasi seperti ini
The apk was packaged successfully, but warning occurred.
Itu kenapa kak?
gk apa" kak… Biasanya aplikasi atau Game-nya masih bisa di jalankan dengan baik. Saya juga sudah coba dan hasilnya tetap sempurna.
Tapi.. Untuk Projek yang SANGAT BESAR, ada kemungkinan peringatan tersebut akan memberikan kendala.
Disini saya membuat Game android. Hasilnya tetap bagus kak. Jadi coba saja kak install kan APK nya.
Baik kak, terima kasih
Nanti saya coba install
iya kak,,, semoga membantu yah.. terima kasih kembali 🙂
Kak mau tanya, untuk membuat soal uraian dan skor di adobe animate scriptnya seperti apa?
saya belum membuat tutorialnya kak.. tapi coba pake script score ini kak :
var skor : Number = 0;
var poin : Number = 0;
var hasil : String = "";
sselanjutnya.visible=true;
hasil = "benar";
poin +=1;
pointext.text=poin.toString();
hasiltext.text = hasil;
hasil frame akhir
stop();
var nilai:Number;
nilai = poin*10;
nilaiakhir.text = nilai.toString();
Script untuk jawaban yang benar dari setiap soal ditaruh mana y kak? Masih bingung kak
biasanya di simpan pada setiap Frame yang digunakan…
Nggak bisa kak scriptnya
sesuaikan dengan nama tombol serta hal khusus lainnya…perlu diketahui bahwa adobe animate ini sangat sensitif terhadap instance name dan penempatan Script di setiap Frame nya…
Kalau misalkan kaka masih bingung… saya sarankan untuk membeli buku adobe animate (Game), disana akan dijelaskan rinci pembuatannya… Mohon maaf sebelumnya, Karna saya belum sempat membuat tutorial mengenai Pembuatan Skor.
Gpp kak, saya sudah ganti pakai pilihan ganti.
Maaf kak saya sering merepotkan kakak. Terima kasih sudah membalas.
Semoga lancar kak….
Haalo kak, saya sedang buat TA media inyeraktif saat publish ke apk waktu dijalankan muncul background putih dengan tukisan " HARMAN samsung" itu emng begitu ya kak? Mohon di bantu jawab ya kak
Saya belum pernah mengalami hal serupa… Setau saya, setelah selesai Publish maka hasilnya akan sesuai dengan desain yang dibuat. jadi, Tidak akan ada tulisan seperti itu (kecuali dibuat dengan sengaja).
Saran saya..
– Cek kembali Desain serta Script yang digunakan.
– Cek aplikasi yang digunakannya (Kalau adobe animate, biasanya aman-aman saja)
Kalau misal Script nya hasil copy paste. Maka ada kemungkinan script tersebut berpengaruh terhadap tulisan yang kaka maksud.
terima kasih,,, semoga membantu kak…