| flash game tutorial and flare3d games

Latest Blog



07.04.2018

Membuat Game Tebak Gambar

Tutorial membuat game tebak gambar dengan Flash

03.07.2017

Memahami konstain

Memahami penggunaan konstrain dalam membuat sistem gerak

28.01.2017

E-Book Media Pembelajaran

E Book Gratis Membuat Media Pembelajaran Interaktif

15.12.2016

Membuat mouse trail

Membuat animasi ikan mengikuti kursor mouse

23.04.2016

Animasi Karakter Game RPG Flash

Membuat animasi karakter dalam game RPG Flash

23.04.2016

Aplikasi Peta Game RPG Flash

Mengaplikasikan Map Editor untuk peta game RPG Flash

23.04.2016

Membuat Peta Game RPG Flash

Membuat peta untuk game RPG Flash

23.04.2016

Mengerakkan Karakter Game RPG

Menambahkan karakter dalam game RPG Flash

23.04.2016

Membuat Game RPG

Membuat game RPG Flash actionscript 3 dengan teknik tiling

31.12.2015

Indonesia Soccer League

Sekilas tentang pengembangan game sepakbola dengan Flash


ALL BLOG

Latest Games


;
Free Games

Indonesia Soccer League

Play Indonesian Soccer League on Flash 3D Games

Menambahkan scrolling text ke dalam aplikasi Flash

Konsep dasar

Salah satu elemen utama dari sebuah aplikasi adalah teks. Akan tetapi sering kali kita mendapatkan space (ruangan) yang terbatas - sedangkan teks yang akan kita tampilkan cukup banyak. Sebagai solusi atas permasalahan tersebut adalah menggunakan metode scrolling text. Pada dasarnya terdapat 2 cara mudah untuk menambahkan teks scroll, yaitu dengan menggunakan component text area dan menggunakan dynamic text.


Scrolling text menggunakan component

Ikuti langkah-langkah berikut untuk membuat scrolling teks dengan menggunakan component :


  1. Pada file aplikasi Flash, klik frame tempat dimana anda akan menampilkan teks tersebut. Kemudian pilih menu Window > Component. Setelah panel Component muncul, drag komponen Text Area ke stage. Dengan menggunakan Transform Tool atur posisi dan ukurannya.

  2. interactive multi media by wandah_w
  3. Pada file aplikasi Flash, klik frame tempat dimana anda akan menampilkan teks tersebut. Kemudian pilih menu Window > Component. Setelah panel Component muncul, drag komponen Text Area ke stage. Dengan menggunakan Transform Tool atur posisi dan ukurannya.

  4. interactive multi media by wandah_w
  5. Selanjutnya, klik TestArea tersebut kemudian buka panel properties atau component inspector untuk Flash CS3 ke bawah. Pada Component Parameter Ketikan semua teks yang ingin anda tampilkan pada kolom Text kemudian tekan tombol Enter. Maka teks tersebut akan muncul pada TextArea yang ada di stage, dan apabila baris text nya melebihi ukuran area teks, secara otomatis tombol scroll akan muncul.

  6. interactive multi media by wandah_w
  7. Jalankan aplikasi, dan akan anda dapati text scroll sebagai berikut

Get Adobe Flash player


Scrolling text menggunakan dynamic text

Apabila anda menginginkan desain yang fleksibel sesuai dengan keinginan anda, anda juga dapat membuat sebuah scrolling teks dengan menggunakan dynamic text. Perhatikan langkah-langkah berikut :


  1. Anda dapat membuat aplikasi baru, atau melanjutkan contoh di atas.
  2. Klik Text Tool kemudian perhatikan panel properties. Pada panel properties, aturlah opsinya menjadi seperti gambar berikut

  3. interactive multi media by wandah_w
  4. Drag stage, dan buatlah sebuah area dynamic text sesuai dengan kebutuhan anda. Atur posisi, jenis huruf, ukuran huruf dan sebaginya
  5. Selanjutnya buatlah 2 buah tombol yaitu tombol untuk scroll atas dan tombol untuk scroll bawah. Lihat gambar.
  6. Setelah tahapan membuat objek selesai, tahapan selanjutnya adalah memberi nama masing-masing objek. Berikan nama info_txt pada dynamic text, t_atas pada tombol scroll atas dan t_bawah pada tombol scroll atas

  7. interactive multi media by wandah_w
  8. Tahapan terakhir adalah penulisan kode. Buatlah sebuah layer baru (layer kode). Klik frame 1 layer kode kemudian ketikan kode berikut :
import flash.events.MouseEvent;

info_txt.text = "Lorem ipsum dolor sit amet, dan seterusnya...... sampai panjang"

t_atas.addEventListener(MouseEvent.CLICK, scroll_atas);
t_bawah.addEventListener(MouseEvent.CLICK, scroll_bawah);

function scroll_atas(e:MouseEvent):void{
	info_txt.scrollV--;
}
function scroll_bawah(e:MouseEvent):void{
	info_txt.scrollV++;
}

Jalankan aplikasi dengan menekan tombol Ctrl+Enter, maka hasil dari tutorial ini adalah sebagai berikut:


Get Adobe Flash player

Anda bisa mengatur desain seoptimal mungkin, dan apabila anda menginginkan scrolling secara horisontal (mendatar), maka kode scrollV bisa anda ganti dengan scrollH.

File Sumber


download



Share ( Ayo Berbagi )

Leave me a comment

untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon