Tutorial membuat inputan
-
Upload
indra-abdam-muwakhid -
Category
Education
-
view
318 -
download
0
Transcript of Tutorial membuat inputan
![Page 1: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/1.jpg)
TUTORIAL MEMBUAT TOMBOL
![Page 2: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/2.jpg)
• 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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/3.jpg)
• Hasilnya jika mouse diarahkan ke objek, maka objek akan berubah sesuai dengan yang telah di rubah.
![Page 4: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/4.jpg)
TUTORIAL MEMBUAT INPUTAN
![Page 5: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/5.jpg)
• 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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/6.jpg)
TUTORIAL ROTASI &
SKALA OBJEK
![Page 7: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/7.jpg)
• 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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/8.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/9.jpg)
• 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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/10.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/11.jpg)
HASIL
![Page 12: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/12.jpg)
TUTORIAL MENGGERAKKAN OBJEK DENGAN
MOUSE
![Page 13: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/13.jpg)
• 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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/14.jpg)
![Page 15: Tutorial membuat inputan](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/15.jpg)
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](https://reader035.fdocument.pub/reader035/viewer/2022081505/587201cf1a28ab176b8b5399/html5/thumbnails/16.jpg)
INGAT!!• Yang dimaksud titik pusat itu adalah Registration pada saat membuat symbol.
• Registrasi adalah ujung dari kursor.