Home CoverTab Official Cara Publis Animax di Covertab

Cara Publis Animax di Covertab

<1046

Peringatan!!: Dokumentasi ini mengalami sedikit perubahan, silahkan cek di sini https://covertab.com/Official/post/800/perubahan-pada-publish-setting-animax

Animax adalah konten interaktif yang bisa bersifat minigame atauapun story telling. Untuk membuat Animax anda bisa menggunakan software Adobe Animate CC ataupun software lainnya.

Pada dasarnya CoverTab mendukung semua platform, asalkan animasinya bersifat HTML5 Canvas dan Javascript. Untuk memastikan bisa berjalan di covertab, maka anda harus ikuti beberapa langkah setting projek anda.

1. Membuat projek Baru di Adobe Animate CC

Jika membuat projek baru maka silahkan pilih template yang anda inginkan, kemudian anda wajib memilih Platform Type HTML5 Canvas. Kemudian klik create.

Jika anda membuat dari projek yang sudah ada maka jika platform tersebut bukam html5, anda harus convert dahulu caranya klik File > Convert to > HTML5 Canvas

2. Publis Setting

Sebelum mempublish anda perlu mensetting projek anda klik File > Publish Setting. Chelist Javascritp/HTML5.

Buat projek anda menjadi responsive pada tab Basic checklist Responsive pilih both, chekclist Scale to fill visible area Fit in View.

Chelist Include Preloader. Dan klik publish.

3. Packaging

Setelah anda klik publish maka pada folder projek anda akan terdapat beberapa file dan folder biasanya terdiri dari folder image, folder sound, file html dan file js.

Anda perlu mengedit file html utama anda seperti ini:

Anda perlu menambahkan baris code ini setelah createJs:







Kemudian tambahkan baris code berikut pada fungsi init:

loader.addEventListener("complete", function(evt){AnimaxInit(evt,comp)});

setelah baris code:

loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});

Seperti gambar di bawah ini:

Untuk memastikan projek anda responsive maka anda perlu mengedit kode ini dengan memberinya nilai 100%  pada fungsi makeResponsive:



4. Buat dalam sebuah ZIP

Kemudian projek anda harus dicompresi dalam sebuah zip, perhatikan susunan file dan foldernya harus seperti ini:

- index.html

- index.js

- {folder_anda}

- {folder laiinya}}

nama file html utama dan javascript anda harus bernama index, setelah itu anda boleh menambahkan folder lainnya sesuai projek anda. Ingat anda tidak boleh mengkompresi ke dalam satu folder file index anda, tapi harus ada di dalam zip paling atas.

Anda tidak boleh membuat zip dengan susunan folder seperti ini:



-namaprojek/index.html

-namaprojek/index.js

-namaprojek/{folder lainnya}/{file lainnya}.*



Folder zip seperti ini menjadikan file index di dalam sebuah folder maka covertab tidak bisa membaca file index anda.

Silahkan klik di sini untuk contoh projek zip yang sudah ada https://covertab.com/storage/app/public/files/9_2019-01-20-04-56-14.zip 

TRENDING

VLOG