Membuat Gambar Goresan Dengan Mouse Pada Swishmax Movie

Dalam tutorial kali ini, kita akan belajar bagaimana membuat swishmax movie yang memungkinkan orang untuk menggambar di dalamnya dengan menggunakan mouse. Hasil akhirnya kira-kira akan seperti movie di bawah ini, silakan klik pada movie dan mulai menggerakkan mouse.

Kita lihat bahwa ketika kita klik mouse pada canvas flash movie, ia akan meninggalkan bekas/goresan di atasnya.
Mari kita analisa script apa saja yang diperlukan untuk membuat hal itu terjadi.

//Pertama-tama kita memerlkan sebuah Movie CLip kosong untuk menympan garis gambar tadi. jadi kita gunakan script function createEmptyMovieClip(). Script ini memerlukan dua parameter, yakni Nama Instance (nama objek garis tersebut) dan Depth (lokasi layer objek tersebut)
onSelfEvent (load) {
_root.createEmptyMovieClip("line", _root.getNextHighestDepth());
//Bagaimana dengan tampilannya? Untuk itu kita membutuhkan script function lineStyle. Script ini memiliki banyak parameter. Tetapi kali ini kita hanya membutuhkan 3 parameter saja. parameter seluruhnya adalah seperti ini :
//MovieClip.lineStyle(thickness, rgb, alpha, pixel hinting, noscale, capsStyle, jointStyle, miterlimit)
line.lineStyle(3, 0x000000, 100);
//Jadi kita set garis kita dengan ketebalan 3px, warna dengan kode hexidecimal 000000(hitam), dan alpha(ketebalan) 100 persen. Sekarang, kita perlu memberitahu kapan saat menggambar, dan untuk itu kita perlu variabel. Jadi, kita hanya ingin menggambar ketika mouse sedang ditekan. Untuk menangani ini kita menambahkan variabel "drawing", dan set ke false (agar tidak langsung menggambar ketika load).
var drawing = false;
}
onSelfEvent (press) {
//dan baru mulai menggambar ketika mouse ditekan
drawing = true;
}
onSelfEvent (release) {
//berhenti menggambar ketika mouse diangkat
drawing = false;
}
onSelfEvent (enterFrame) {
//script pada onSelfEvent (enterFrame) akan diaktifkan secara kontinyu selama movie berjalan. Kedua script di bawah ini diletakkan di sini agar senantiasa memonitor variabel "drawing" tadi apakah sedang "false" atau "true".
if(drawing == false){
//jika false maka kita menggerakkan titik garis mengikuti mouse tanpa meninggalkan bekas menggunakan script moveTo. Script moveTo membutuhkan 2 variabel, yaitu _x dan _y.
this.line.moveTo(_xmouse,_ymouse)
}
if(drawing){
//jika true maka kita menggerakkan titik garis mengikuti mouse dengan meninggalkan bekas menggunakan script lineTo. Script lineTo pada dasarnya sama seperti script lineTo. Sama-sama hanya membutuhkan dua variabel _x da _y, bedanya hanya akan terus menggambar mengikuti gerakan mouse.
this.line.lineTo(_xmouse,_ymouse)
}
}

Semoga bisa dipahami dan bisa memberi manfaat Terima kasih.

Download file swishmax dengan klik Like dan Confirm.
Untuk mendownload ulang, Unlike dahulu, kemudian Like dan Confirm kembali.