Menggambar di dalam Swishmax Movie

Dalam tutorial kali ini, kita akan belajar bagaimana membuat flash movie yang memungkinkan orang untuk menggambar di dalamnya dengan menggunakan mouse. Hasil akhirnya kira-kira akan seperti ini:

Kita akan melihat bahwa ketika kita klik mouse pada stage flash movie, ia akan meninggalkan bekas/goresan di atasnya.
Mari kita analisa 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)

}

}

 

Add comment

- Link file attachment tertampil setelah Anda login.
- Harap memberi komentar positif.
- Tidak diperkenankan menulis dengan huruf besar semua (Capslock).
- Komentar Anda akan diverifikasi sebelum ditampilkan.


Security code
Refresh

You are here Tutorial Swishmax Script Menggambar di dalam Swishmax Movie