Adobe Animate / HTML 5 / Multimedia · August 22, 2022 0

Memberikan Instruksi Pada Tombol Di HTML Canvas Adobe Animate #4

Setelah tombol selesai kita buat pada , maka langkah selanjutnya adalah memberikan code pada tombol agar bisa menuju objek yang kita inginkan. Langkah awalnya adalah sebagai berikut:

  • Tambahkan Instance Name pada tombol a, seperti tampilan berikut:
Menambah Instance Name di tombol a
  • Lalu tekan F9 pada layer action frame 1, isi dengan code berikut :
// untuk membuat scene berhenti di frame ini (1)
this.stop();

// untuk mnegarahkan tombol ke label "tombol"
this.btn_tombola.addEventListener("click", fl_ClickToGoToAndStopAtFrame_2.bind(this));

function fl_ClickToGoToAndStopAtFrame_2()
{
	this.gotoAndStop("tombolb");
}
  • Selanjutnya pada frame 1 tambahkan label
tombola
  • Pada frame 15 tambahkan label
tombolb
  • Klik pada frame 15, lalu pilih objek tombol B, lalu berikan klik F9 dan isikan code berikut :
this.btn_tombolb.addEventListener("click", fl_ClickToGoToAndStopAtFrame_3.bind(this));

function fl_ClickToGoToAndStopAtFrame_3()
{
	this.gotoAndStop("tombola");
}

Untuk hasilnya bisa di cek pada link berikut : https://abdulrahmann.com/matakuliah/multimedia/tombol/

Tugas 1 : Silahkan buat 4 buah tombol, yaitu tombol A, B, C dan D. Jika tombol di klik maka akan pergi ke tombol yang di inginkan.