Tombol Ulangi atau Reset dengan ActionScript 3.0

posted in: Tutorial | 0

Setelah mempelajari pembuatan nilai/skor dengan ActionScript 3.0, sekarang kalian akan belajar untuk membuat tombol ulangi atau reset dengan ActionScript 3.0 dalam soal pilihan ganda yang telah kalian buat pada artikel sebelumnya.

Jika kalian belum bisa membuat soal pilihan ganda sampai penskoran, ada baiknya pelajari artikel-artikel berikut ya.

Tombol ulangi berfungsi untuk memulai dari awal soal yang dikerjakan dan mengembalikan nilai ke posisi nol. Langsung saja ke langkah-langkahnya ya.

  1. Buka file latihan pembuatan soal pilihan ganda yang dulu sudah kalian buat dengan Adobe Flash atau Animate.
  2. Masuk di keyframe terakhir yang berisi nilai/skor yang sudah berfungsi dengan baik termasuk scriptnya.
  3. Buat tombol ulangi. Kalian bisa menggunakan kombinasi dua objek yakni Rectangle atau sejenisnya kemudian berikan teks “Ulangi”.
    Membuat tombol ulangi dengan rectangle dan text tool
    Membuat tombol ulangi dengan rectangle dan text tool

    Hasil untuk sementara tampilan tombol akan seperti ini. Tentunya menyesuaikan dengan seni kalian masing-masing ya.
    Tampilan tombol ulangi
    Tampilan tombol ulangi
  4. Pastikan sudah jadi symbol yakni button. Untuk membuat button, seleksi objek rectangle dan teks Ulangi > klik kanan > pilih Convert to Symbol.
    Menjadikan tombol ulangi sebagai button
    Menjadikan tombol ulangi sebagai button
  5. Pada tampilan Convert to Symbol, beri nama sesuka kalian. Jangan lupa pilih type yaitu Button. Akhiri dengan klik OK.

    Tampilan Convert to Symbol
    Tampilan Convert to Symbol

Nah sekarang kita sudah punya tombol Ulangi, tetapi tombol itu belum berfungsi untuk mengulangi soal. Langkah selanjutnya adalah memberikan perintah agar tombol tersebut berfungsi sebagaimana mestinya.

  1. Berikan instance name tombol Ulangi terlebih dahulu. Klik tombol Ulangi > lihat panel Properties > isikan instance name di bagian berikut.
    Instance name pada tombol Ulangi
    Instance name pada tombol Ulangi
    Kalian boleh memberikan nama ulangi pada instance name tersebut. Bebas sih sebenarnya, asal tidak boleh ada spasi atau karakter tertentu yang mempersulit keadaan ya.
  2. Selanjutnya pada layer AS di frame keenam, munculkan panel Actions dan tambahkan script berikut.
stop();
hasil.text = skor.toString();

ulangi.addEventListener(MouseEvent.CLICK, klik_ulangi);
function klik_ulangi(e:MouseEvent):void
{
	gotoAndStop(1);
	skor = 0;
}

Nah sekarang kita pahami arti script di atas.

  • Kata ulangi merupakan instance name dari tombol ulangi.
  • addEventListener yaitu saat tombol Ulangi diklik dengan mouse (MouseEvent), maka fungsi klik_ulangi akan dipanggil dan dikerjakan.
  • Kemudian gotoAndStop adalah perintah untuk menuju ke rame tertentu. Dalam hal ini (1)  yakni angka 1 menunjukan bahwa setelah diklik akan menuju pada frame satu.
  • skor = 0; berfungsi untuk mengembalikan nilai skor ke awal setelah dikerjakan. Jadinya saat mengerjakan ulang soal, skor otomatis akan dimulai dari nol lagi. Mulai dari nol ya, Bang 😀

Ok…sekarang kita telah selesai. Tidak susah kan?

Jika ada yang masih bingung, jangan lupa tinggalkan jejak di kolom komentar. Maturnuwun.

Muhammad Faizin
Follow Faizin:

Writer and Developer

Dulu suka menulis kode dan sejenisnya sampe malem, sekarang juga masih. Kesukaan pada menulis cerita sedikit demi sedikit terpupuk, apalagi sebagai mantan anak sekolahan dengan cita-cita kuliah di luar negeri.