Kamis, 05 Februari 2026

Membuat Login sederhana dengan Flash (Versi 5.0 keatas)

Jika Anda pernah kenal dengan Windows XP?, Mungkin kita harus memasukkan password terlebih dahulu jika akunnya diproteksi, Hal ini sangat cocok untuk membuat simulasi Windows parody seperti yang ada di situs Newgrounds. Dengan Flash kita bisa membuat login simulasi dengan hanya bermodalan bahasa pemrograman AS1/AS2.

Buka Macromedia/Adobe Flash yang Anda gunakan (minimal versi 5.0 keatas), Contoh saya menggunakan Flash 5.0 untuk praktek tutorial ini.

Buatlah Sebuah teks dan tombol seperti gambar ini , Nah untuk tombol bertulisan 'LOGIN ini adalah symbol dengan behavior : Button. Sedangkan untuk textboxnya menggunakan teks dengan Input Text dan variablenya adalah 'phrase. (lihat gambar 01)

Gambar 01 : mengatur teks statis menjadi input dengan tambahan border

Klik Frame 1 pada timeline. Lalu buka panel Actions untuk mengetik listing program sebagai berikut :

stop();
phrase = "";
var correctPhrase = "banana";

Keterangan : Untuk tanda kuning ini kita bisa memberi nama password apa saja. Tapi karena tutorial ini saya akan memberi nama 'banana saja (biar paham tutor-nya).

Sekarang buatlah dua keyframe kosong dengan menekan F7 (Insert > Blank Keyframe) dan berilah suatu elemen pada masing-masing kedua keyframe tersebut, Maka sudah ada 3 keyframe. Pada Frame 2 berisi untuk password yang salah, Sedangkan Frame 3 adalah frame untuk jika kita sudah berhasil mengetik password.

Sekarang kita kembali ke frame 2 untuk tombol kembali ke login dengan mengetik program 

on (release) {
    gotoAndStop(1);
}


Sekarang kembali lagi ke Frame 1 dan pilih tombol login dan ketik listing berikut ini :

on (release) {
\\Jika password akan benar sesuai variable 'phrase
               if (phrase == correctPhrase) {
                    \\pergi ke frame untuk berhasil login
                               gotoAndStop(3);    
                          } else {
\\tapi jika salah maka akan pergi ke frame password salah
                gotoAndStop(2);
                }
}

Sekarang test hasil Anda dengan menekan Ctrl + Enter (Control > Test Movie) 



Tidak ada komentar:

Posting Komentar

Cara atasi MP3/WAV yang tidak bisa diekspor pada Flash (untuk semua versi)

Ketika Anda sedang mengimpor file audio pada Flash untuk projek animasi dan game, Tiba-tiba keluar pesan peringatan seperti "One more o...