-->
banner

11.18.2015

author photo
Selamat pagi dan semangat beraktifitas. :D Okey bagaimana kabarnya semua sobat blogger semua. Sudah lama tidak buat artikel tutorial, maklum masih sibuk.. heheheheeee.....  Kali ini saya akan berbagi tutorial seperti pada judul artikel ini yaitu membuat aplikasi peta sederhana menggunakan Adobe Flash. Sebelumnya tutorial ini akan tidak lengkap karena file-file dan langkah-langkah yang dilakukan sangat banyak, dan jika ditulis akan memakan waktu yang banyak, lebih baiknya nanti akan saya sertakan juga file dokumennya diakhir tutorial ini... Sorry.. ;)

Langsung saja berikut langkah-langkah yang harus dilakukan:
A. Tahap Design Aplikasi
1. Pertama buka aplikasi adobe flash, create documen actionscript 2.0. Lalu buatlah 5 buah layer.

 

2. Setelah membuat layer dan berikan nama pada masing-masing layernya. Buat scene yang nantinya akan digunakan untuk tempat content petanya.

 

3.  Saya menggunakan 1 scene untuk peta, dan 5 scene untuk letak content yang akan ditampilkan melalui button pada peta.
4. Setelah membuat layer dan scene. Buat design background untuk intronya.

 

5. Buat juga 2 actor orang yang akan ditampilkan di intronya. Buat actor pada layer tersendiri sehingga ada 2 layer actor.


6. Sekarang kita mulai membuat design petanya, buat design peta setelah frame dari frame layer actor. Disini saya menggunakan layer 151 setelah layer actor.


Tambahkan design dan button untuk mengelink kan ke scene kontent yang dibuat tadi.


7. Setelah selesai mendesign petanya, selanjutnya design scene konten yang nantinya digunakan untuk letak deskripsi dari lokasi yang ada di dalam peta melalui button.
Ini adalah salah satu design content dari ke 5 scene tadi. 1 content 1 scene. Buat juga sebuah button utnuk kembali ke peta.



B. Tahap Memberikan Actionscript 2.0
1. Letakkan Actionscript 2.0 di bawah ini pada masing-masing button lokasi pada peta. Ganti "plyground" dengan nama masing-masing scene yang akan dituju.

//b_lokasiplygrnd ditekan
on(release) {
//play frame1 playground
 gotoAndPlay("plyground",1);
}

2. Letakkan Actionscript 2.0 di bawah ini pada masing-masing button back yang ada di masing-masing scene untuk menuju ke peta.

on(release)
{
//menuju layer map dan frame 151
 gotoAndPlay("map",151);
 }

3. Letakkan Actionscript 2.0 di bawah ini pada frame 151 (frame letak map) dan pada masing-masing scene di frame 1.  Actionscript "stop();" ini berfungsi untuk menghentikan frame dan scene setelah ada sebuah eksekusi sebelumnya. Coba saja tidak diberikan Actionscript tersebut dan yang akan tejadi adalah frame dan scene akan berjalan terus menerus tanpa berhenti (looping)... :D

stop();

Terimakasih selamat mencoba dan semoga berhasil :D


Berikut adalah hasil jadi dari aplikasi tersebut.


Download File Flashnya (CS3)

your advertise here

This post have 7 komentar

avatar
Unknown delete 18 November 2015 at 14:00

wah mantap mas , gimana supaya ketika kursor diarahkan ke marker itu muncul keterangan lokasinya ditunggu pengembanganya hehe

Reply
avatar
Anonymous delete 18 November 2015 at 15:41

Tanya, desain peta dpet drimana tuh?

Reply
avatar
Unknown delete 18 November 2015 at 15:45

Wah mantep, izin bookmark gan

Reply
avatar
Anonymous delete 18 November 2015 at 17:12

harus di bookmark di mas
akhirnya nemu juga yang post begini :D

Reply
avatar
serba serbi ilmu delete 23 November 2015 at 15:57

mantab din,,, perlu belajar banyak

Reply
avatar
Chatbot delete 12 July 2017 at 00:22

gan link downloadnya gak jalan?

Reply


EmoticonEmoticon

Next article Next Post
Previous article Previous Post

Advertisement

Themeindie.com