16
TUTORIAL MEMBUAT TOMBOL

Tutorial membuat inputan

Embed Size (px)

Citation preview

Page 1: Tutorial membuat inputan

TUTORIAL MEMBUAT TOMBOL

Page 2: Tutorial membuat inputan

• Buatlah sebuah persegi panjang dengan warna gradasi dan ubah menjadi symbol button• Klik 2 kali pada persegi, Tambahkan Keyframe pada masing-masing frame dan

tambahkan caption text• Atur pada frame 2/Over • Klik 2 kali di luar area dan jalankan dengan klik CTRL+ENTER

Page 3: Tutorial membuat inputan

• Hasilnya jika mouse diarahkan ke objek, maka objek akan berubah sesuai dengan yang telah di rubah.

Page 4: Tutorial membuat inputan

TUTORIAL MEMBUAT INPUTAN

Page 5: Tutorial membuat inputan

• Klik dan Drag Text ke Area Stage• Pada Properties Pilih “Input Text” dan “Show Border Around Text”

• Test Movie dengan menekan CTRL+ENTER, Hasil akan berupa inputan.

Page 6: Tutorial membuat inputan

TUTORIAL ROTASI &

SKALA OBJEK

Page 7: Tutorial membuat inputan

• Buat Tombol dan Inputan seperti pada gambar di bawah ini:Berikan Instant Name• Kotak rotasi dengan rotasi• Kotak skala dengan skala• Tombol dengan btn_mulai

Page 8: Tutorial membuat inputan

Buat Objek segitiga di stage yang kosong• Seleksi objek segitiga dan ubah menjadi movieclip symbol

• Berikan Instant Name segitiga menjadi segitiga• Buat Layer Baru untuk meletakkan

script action yang akan dibuat.

Page 9: Tutorial membuat inputan

• Masukan actionscript berikut kedalam kotak dialog Actions :

btn_mulai.onRelease=function(){segitiga._rotation=rotasi.text;segitiga._xscale=skala.text;segitiga._yscale=skala.text;

}• Test Movie dengan menekan

CTRL+ENTER

Page 10: Tutorial membuat inputan

Penjelasanbtn_mulai.onRelease=function(){}• Digunakan untuk membuat fungsi pada tombol, dengan memanggil instant

name btn_mulaisegitiga._rotation = rotasi.text;segitiga._xscale = skala.text;segitiga._yscale = skala.text;

• Digunakan untuk memanggil instant name segitiga berdasarkan inputan yang sudah dibuat.

Page 11: Tutorial membuat inputan

HASIL

Page 12: Tutorial membuat inputan

TUTORIAL MENGGERAKKAN OBJEK DENGAN

MOUSE

Page 13: Tutorial membuat inputan

• Buatlah sebuah lingkaran dan ubah menjadi movieclip• Seleksi movieclip tersebut dan tekan F9• Pilih lingkaran tadi dan masukkan actionscript berikut kedalam kotak dialog

Actions :onClipEvent (enterFrame) {

startDrag(this, true, 55, 55, 345, 345);}

Page 14: Tutorial membuat inputan
Page 15: Tutorial membuat inputan

Penjelasan• startDrag(target, lock, left, top, right, bottom)

target : Siapa yang didrag. Dalam hal ini kita menggunakan this yang artinya movieclip ini sendiri

Lock : Nilainya true dan false. Jika true maka titik pusat movieclip sama dengan titik pusat mouse

Left : Batas kiri maksimalTop : Batas atas maksimalRight : Batas kanan maksimalBottom : Batas bawah maksimal

• Test Movie dengan menekan CTRL+ENTER

Page 16: Tutorial membuat inputan

INGAT!!• Yang dimaksud titik pusat itu adalah Registration pada saat membuat symbol.

• Registrasi adalah ujung dari kursor.