Dasar Navigasi pada Adobe Animate dengan Action Script 3.0

 

Pada artikel kali ini saya akan mencoba membahas secara singkat mengenai dasar navigasi yang ada pada Adobe Animate dengan bahasa Action Script 3.0. Materi ini merupakan salah satu sub materi yang ada pada mata pelajaran Desain Media Interaktif (DMI) pada kompetensi keahlian Multimedia. Berikut pembahasannya:

Navigasi pada Adobe Animate

Navigasi atau tombol yang digunakan untuk berpindah posisi di dalam sebuah media pembelajaran atau multimedia interaktif sangat penting. Di dalam Adobe Animate dan Action Script 3.0 kita akan mengenal 3 jenis navigasi untuk berpindah halaman, yaitu:

•       Navigasi Antar Frame
•        Navigasi antar Movie Clip dan Frame
•       Navigasi antar Scene

 

Navigasi Antar Frame

Navigasi antar frame ini digunakan untuk melakukan perpindahan posisi antar frame di Scena yang sama di dalam Adobe Animate. Dalam melakukan perpindahan ini kita akan memerlukan sebuah tombol, yang mana apabila tombol tersebut dklik maka user akan berpindah ke halaman lain di dalam scene yang sama. Untuk melakukan perpindahan itu kita memerlukan sebuah Action seperti di bawah ini:

import flash.events.MouseEvent;

materi1.addEventListener(MouseEvent.CLICK, ke_materi1);

function ke_materi1(event:MouseEvent):void{

                gotoAndStop("materi1");

}

Penjelasan Script:

• materi1                         = merupakan nama dari instance name button
• addEventListener         = melakukan apa yang dilakukan button
• MouseEvent.CLICK    = dimana perintahnya adalah ketika button diklik
• ke_materi1                   = nama yang digunakan pada function untuk memberikan kejadian ketika button diklik
• function ke_materi1   = pembuatan function dengan nama onClick disamakan dengan nama di script sebelumnya
• event:MouseEvent       = kejadian ketika pengguna mengklik tombol mouse
• void                              = berarti bahwa fungsi tersebut tidak mengembalikan nilai
• gotoAndStop("materi1") = memberikan perintah untuk berpindah ke frame yang dituju yaitu frame dengan nama materi1

 

Navigasi Movie Clip

Navigasi yang kedua adalah navigasi dimana menghubungkan antara movie clip dengan suatu frame tertentu/ scene tertentu.

Berikut merupakan action yang digunakan untuk berpindah dari movie clip ke dalam frame tertentu:

import flash.events.MouseEvent;

masuk.addEventListener (MouseEvent.CLICK, masukmenu);

function masukmenu (event:MouseEvent):void{

                MovieClip(root).gotoAndStop("menu_utama");              

}

Berikut merupakan action yang digunakan untuk menghubungkan antar Movie Clip dengan Frame yang berbeda Scene

 

button_62.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene_95);

function fl_ClickToGoToScene_95(event:MouseEvent):void

{

                MovieClip(this.root).gotoAndPlay(1, "Scene 2");

}

Navigasi Antar Scene

Navigasi yang ketiga adalah navigasi dimana menghubungkan antara suatu frame tertentu dengan frame di scene tertentu. Berikut Action scriptnya:

Act_btn. addEventListener(MouseEvent.CLICK, toscene2);

function toscene2(event:MouseEvent):void

{

                gotoAndPlay("Scene 2",1);

}

 

Teman-teman juga dapat melihat penjelasannya melalui video di bawah:

Semoga bermanfaat J