20 Januari 2012

Membuat Click dan drag pada animasi flash

Kali ini saya akan mencoba share cara membuat aplikasi dengan perintah click and drag pada animasi interaktif flash. Apa itu Click and drag? Pasti anda sudah mengerti sebuah proses perintah dengan cara melakukan klik mause lalu digerakkan (ditarik) pada posisi yang kita kehendaki kemudian kliknya kita lepas. Ada dua langkah penting dalam pemrograman untuk membuat click and drag yaitu saat di click bisa dipindahkan (ditarik) dan saat click dilepas permindahan berhenti. Proses ini sering digunakan untuk slider, game puzzle, game menjodohkan dan lain-lain.
Langsung saja mari kita coba membuatnya:
  1. Buat movie clip pada state. Jangan terlalu besar dan untuk latihan dibuat sederhana saja. Misalkan lingkaran dengan ukuran 40 x 40 px.
  2. Pasang Action Script pada mc tersebut dengan listing dibawah ini :(sebenarnya Action Script nya bisa dipasang di berbagai tempat misalnya di root frame atau di movie clip, tapi saya lebih suka dipasang di di movie clip dengan berbagai alasan)
    onClipEvent (load) {
    this.onPress = function() {
    startDrag(this);
    };
    this.onRelease = function() {
    stopDrag();
    };
    };
  3. Coba tes dengan ctr-enter bila anda bisa melakukan click and drag berarti program anda benar. Bagaimana jika akan dibuat target atau tujuan dragnya dan ada responnya saat masuk ke target? Lanjutkan saja langkah-langkahnya!
  4. Buat mc baru di root misalkan kotak dengan ukuran 90x60 dan pasang instant namenya misalnya "kotak"
  5. Ubak Action Script pada langkah ke dua menjadi :
    onClipEvent (load) {
    x_pos = this._x;
    y_pos = this._y;
    this.onPress = function() {
    startDrag(this);
    };
    this.onRelease = function() {
    if (eval(this._droptarget) == _root.kotak) {
    //kondisi benar
    this._x = _root.kotak._x;
    this._y = _root.kotak._y;
    } else {
    //kondisi salah
    this._x = x_pos;
    this._y = y_pos;
    }
    stopDrag();
    };
    }
    ;
  6. Coba tes dengan ctr-enter, sesuai dengan harapan anda? Ingin membuat objectnya ganda?
  7. Gandakan kotak target dan isikan instant name baru.
  8. Gandakan mc object atau membuat object baru lalu copykan listing no 5 dengan target atau tulisan kotak diganti dengan nama instant name yang baru.

0 komentar:

Poskan Komentar

Silahkan TInggalkan Komentar Anda di Blog Saya..
No SPAM and No PORN...
Terimakasih Telah meninggalkan Jejak Anda

Related Posts Plugin for WordPress, Blogger...
Award Pertama
Photobucket
Langganan Artikel Si Boersan :

Enter your email address:

Delivered by FeedBurner

Monggo Di Copy Linknya :
Text Link

Banner Link

Komunitas Blogger Indonesia Komunitas Blogwalking