Membuat Teks Scroll dengan Action Script 2 dalam Flash

Contoh Kasus:

Saya mempunyai tulisan seperti berikut ini

Kenginan:

Saya ingin membuat tulisan scroll dari tulisan diatas menjadi seperti berikut ini:

Jika saya tekan tombol Down maka tulisan akan turun satu baris seperti terlihat berikut ini:

Begitu juga sebaliknya jika saya tekan tombol Up maka tulisan akan naik satu baris.

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Buatlah sebuah projek Flash dengan Action Script 2.0

Lalu pada Layer 1 rubahlah nama layernya menjadi Teks

Lalu pada stage buatlah teks seperti berikut ini:

Perubahan Properties Teks

Lalu rubahlah properties:

  • Instance Name menjadi Ā teksPostgres
  • Tipe Text menjadi Dynamic Text
  • Behaviour menjadi Multiline

Perubahan Bingkai Teks

Sambil tekan tombol Shift lalu klik 2x sudut kanan bawah dari bingkai teks maka akan menghasilkan kotak berwarna hitam seperti terlihat pada gambar dibawah ini:


Lalu drag kotak hitam ini ke atas sehingga menjadi separuh bingkai.

Pembuatan Tombol

Lalu buatlah sebuah layer baru dan beri nama Scroll

Lalu buatlah 2 tombol Up dan Down (ingatlah kedua tombol ini harus dijadikan symbol bertipe Button jika belum tau caranya maka bisa lihat disini) sehingga hasilnya seperti terlihat dibawah ini:


Lalu klik layer Teks dan buatlah kotak disekeliling tulisan dengan stroke warna abu-abu dan fill colornya tidak ada seperti terlihat pada gambar dibawah ini:

Memasukkan Kode Action Script

Pilih tombol Up lalu tekan tombol F9 pada keyboard untuk menampilkan actions panel

Lalu pada actions panel tulislah kode:

on (release) { 

teksPostgres.scroll-=1

}

Keterangan:

  • teksPostgres adalah nama instance dari properties texfield
  • on (release), kode ini berarti ketika tekanan pada mouse dilepas oleh user.
  • teksPostgres.scroll, metode scroll disini berfungsi sebagai posisi vertikal dari objek teksPostgres

Lalu pilih tombol Down dan tekan tombol F9 pada keyboard untuk menampilkan actions panel

Lalu pada actions panel tulislah kode:

on (release) { 

teksPostgres.scroll+=1

}

Hasil:

Tekan tombol Ctrl+Enter dan coba kamu tekan tombol Up dan Down, apakah teks sudah menggulung satu baris ke atas dan kebawah.

Penutup

Sekian dan Terima Kasih.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *