Adobe Flash

Showing posts with label Adobe Flash. Show all posts

Tuesday, February 26, 2013

Perintah Keluar Untuk Adobe Flash

Dalam game ataupun presentasi, kurang lengkap rasanya jika ditambah fungsi untuk keluar tanpa harus mengklik close button.

Berikut akan saya jelaskan cara membuat script untuk keluar dari flash. Dalam hal ini saya akan membuat sebuah tombol yang jika di-klik maka akan keluar dari aplikasi flash kita.

Baik, kita mulai

Seperti biasa kita buat sebuah dokumen flash kita
Kemudian buat sebuah gambar kotak dan beri tulisan keluar.

gambar
Kemudian seleksi gambar yang kita buat lalu klik kanan pada gambar tersebut dan pilih Convert To Symbol.

klik kanan
Kemudian pilih Button dan klik OK.

Convert to Symbol Dialog
Pastikan button yang kita buat masih dalam keadaan terseleksi, kemudian tekan F9 untuk menampilkan Panel Actions – Button.

action button
Kemudian ketikkan ActionScript berikut :

1 on(release){

2 fscommand("quit",true);

3 }
Kita tes movie deh. Selesaii…

Ingat..!!! Kode ini tidak akan bekerja saat test movie (saat kita tekan Ctrl+Enter pada Macromedia Flash dan juga ketika berjalan di halaman web (kita sisipkan di halaman HTML). Hanya berjalan ketika menjalankan file .swf atau .exe secara langsung (dari windows Explorer). :straight:

Thursday, February 21, 2013

MENGATUR VOLUME PADA BEBERAPA SOUND

Untuk mengatur volume suara di flash, kita menggunakan script setVolume. Bagi sebagian pengguna flash yang masih pemula, mereka biasanya hanya mengetahui bahwa setVolume ini digunakan untuk mengatur suara secara keseluruhan (volume pada suara tidak dapat di atur satu per satu). Melalui tutorial ini kami beritahukan bahwa sebenarnya setVolume dapat digunakan untuk mengatur volume suara satu per satu. Caranya dangan memasukan movie clip kosong ke dalam sound objek.

Berikut ini contoh script yang biasa digunakan untuk mengatur seluruh sound :

musik = new Sound();
musik.attachSound("musik");
musik.setVolume(50);
musik.start(0, 1);

Sedangkan di bawah ini contoh script untuk mengatur sound secara satu per satu :

msk_mc = this.createEmptyMovieClip("msk_mc", this.getNextHighestDepth());
musik = new Sound(msk_mc);
musik.attachSound("musik");
musik.setVolume(50);
musik.start(0, 1);

Untuk contoh penggunaanya silahkan lihat di bawah ini :
1. Buatlah sebuah flash document.

2. Pilih menu bar File>Import>Import to Library. Pada panel yang muncul silahkan cari 2 buah suara yang akan digunakan. Kalau bisa suaranya berupa musik. Setelah itu silahkan seleksi kedua buah suara tersebut dan tekan open.

3. Tekan Ctrl+L, pada panel library yang muncul anda akan melihat dua buah suara yang baru saja anda import tadi.

4. Klik kanan suara pertama pada panel library kemudian pilih Linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript lalu masukkan musik1 di dalam kotak identifier lalu tekan ok.

5. Klik kanan suara kedua pada panel library kemudian pilih Linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript lalu masukkan musik2 di dalam kotak identifier lalu tekan ok.

6. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//-----||-----//
//membuat movie clip kosong bernama msk1_mc pada kedalam paling atas
msk1_mc = this.createEmptyMovieClip("msk1_mc", this.getNextHighestDepth());
//membuat variable bernama musik1 menjadi sound object sekaligus memasukkan movie clip msk1_mc ke dalam musik1 tersebut
musik1 = new Sound(msk1_mc);
//memasukkan suara dari library dengan identifier musik1 ke dalam sound object musik1
musik1.attachSound("musik1");
//mengatur volume  suara pada sound object musik1 menjadi 100
musik1.setVolume(100);
//mainkan suara yang ada pada sound object musik1 sebanyak 999 kali
musik1.start(0, 999);
//-----||-----//
//membuat movie clip kosong bernama msk2_mc pada kedalam paling atas
msk2_mc = this.createEmptyMovieClip("msk2_mc", this.getNextHighestDepth());
//membuat variable bernama musik2 menjadi sound object sekaligus memasukkan movie clip msk2_mc ke dalam musik2 tersebut
musik2 = new Sound(msk2_mc);
//memasukkan suara dari library dengan identifier musik2 ke dalam sound object musik2
musik2.attachSound("musik2");
//mengatur volume  suara pada sound object musik2 menjadi 50
musik2.setVolume(50);
//mainkan suara yang ada pada sound object musik2 sebanyak 999 kali
musik2.start(0, 999);
//-----||-----//

7. Tekan Ctrl+Enter untuk melihat hasilnya.

Sourcenya dapat di download di sini

Wednesday, February 20, 2013

VARIASI MENGHENTIKAN SUARA

Kali ini kita akan membuah sebuah variasi menghentikan suara. Pada tutorial sebelumnya, kita menghentikan suara secara langsung. Maksudnya, ketika tombol stop ditekan suara akan langsung berhenti. Nah kali ini kita akan membuat volume suara menurun terlebih dahulu sebelum suara berhenti.

1. Buatlah sebuah flash document.

2. Buatlah sebuah objek seperti gambar dibawah ini :

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan play_btn sebagai name dan button sebagai type lalu tekan ok.

4. Seleksi play_btn di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan play_btn sebagai instance name.

5. Buatlah sebuah objek seperti gambar dibawah ini :

6. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan stop_btn sebagai name dan button sebagai type lalu tekan ok.

7. Seleksi stop_btn di stage dan pada panel properties masukkan stop_btn sebagai instance name.

8. Atur letaknya sesuai keinginan anda.

9. Tekan Ctrl+R, pada panel yang muncul cari suara yang diinginkan kemudian tekan open.

10. Tekan Ctrl+L, pada panel library yang muncul klik kanan suara yang baru di import kemudian pilih Linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan musik di dalam kotak identifier lalu tekan ok.

11. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//membuat variable bernama kurang dengan nilai false
kurang = false;
//membuat variable bernama vol dengan nilai 0
vol = 100;
//membuat fungsi bernama mainkanMusik
function mainkanMusik() {
 //menghentikan suara yang dimainkan agar suara yang dimainkan tidak double
 musik.stop();
 //mengubah nilai variable vol menjadi 0
 vol = 100;
 //mengubah nilai variable kurang menjadi false
 kurang = false;
 //membuat volume musik yang dimainkan menjadi maksimal
 musik.setVolume(100);
 //membuat variable musik sebagai sound object
 musik = new Sound();
 //masukkan suara berlinkage bgm dari panel library ke dalam variable musik
 musik.attachSound("bgm");
 //mainkan suara di dalam variable musik sebanyak 999 kali
 musik.start(0,999);
}
//perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
 //jika variable kurang bernilai true
 if (kurang) {
  //nilai variable vol dikurangi 3
  vol -= 3;
  //atur volume suara yang dimainkan sesuai nilai variable vol
  musik.setVolume(vol);
  //jika variable vol bernilai kurang dari atau sama dengan 0
  if (vol<=0) {
   //hentikan suara yang dimainkan 
   musik.stop();
   //ubah nilai variable kurang menjadi false
   kurang = false;
   //ubah nilai variable vol menjadi 100
   vol = 100;
  }
 }
};
//jika tombol play_btn ditekan
play_btn.onPress = function() {
 //jalankan function mainkanMusik()
 mainkanMusik();
};
//jika tombol stop_btn ditekan
stop_btn.onPress = function() {
 //ubah nilai variable kurang menjadi true
 kurang = true;
};
//menjalankan fungsi mainkanMusik ketika swf pertama kali dijalankan
mainkanMusik();

12. Tekan Ctrl+Enter untuk melihat hasilnya.

13. Silahkan anda menekan tombol stop. Volume suara akan berhenti sedikit demi sedikit sebelum akhirnya berhenti.

14. Tutorial di atas hanya digunakan jika suara yang digunakan hanya 1 buah. Jika anda menggunakan suara lebih dari 1 dan ingin agar suaranya hanya berhenti salah satu saja, silahkan baca terlebih dahulu tutorialMengatur Volume Pada Beberapa Sound kemudian gabungkan dengan tutorial ini.

15. Jika anda hanya menggunakan tutorial ini tanpa menggabungkannya dengan tutorial Mengatur Volume Pada Beberapa Sound, ketika anda menekan tombol stop seluruh suara akan berkurang volumenya kemudian berhenti.

Sourcenya dapat di download di sini

PLAY, PAUSE, STOP SUARA

utorial berikut ini digunakan sebagai pelengkap tutorial Pause dan Play Suara. Pada tutorial kali ini kita akan membahas tentang bagaimana cara menghentikan suara yang sedang dimainkan. Sebenarnya pada scriptPause dan Play Suara sudah ada. Tapi karena digunakan dalam tombol pause, mungkin ada yang belum tahu.

Untuk menghentikan suara kita cukup menuliskan stop() pada variable yang menampung suara yang sedang dimainkan. Misalnya : suara ditampung pada variable Musicz, maka untuk menghentikannya kita menuliskanMusicz.stop()

Untuk contoh lainnya, kita akan menggabungkannya dengan tutorial Pause dan Play Suara :
1. Bukalah fla dari source Pause dan Play Suara.

2. Buatlah sebuah objek seperti gambar dibawah ini :

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukan stop_btn sebagai name dan button sebagai type lalu tekan ok.

4. Letakan seluruh objek di stage menjadi seperti ini :

5. Klik frame 1 dan tekan F9. Pada panel actions yang muncul ubah seluruh scriptnya menjadi seperti ini :

//membuat variable bernama Pause dengan nilai false
Pause = false;
//membuat variable bernama Stop dengan nilai false
Stop = false;
//membuat fungsi bernama mainkanMusik
function mainkanMusik() {
 //membuat variable musik sebagai sound object
 musik = new Sound();
 //masukkan suara berlinkage bgm dari panel library ke dalam variable musik
 musik.attachSound("bgm");
 //mainkan suara di dalam variable musik sebanyak 999 kali
 musik.start(0,999);
}
//jika tombol pause_btn ditekan
pause_btn.onPress = function() {
 //membuat variable posisi dengan nilai pembualatan ke bawah dari posisi terakhir suara pada variable musik yang dibagi 1000
 posisi = Math.floor(musik.position/1000);
 //hentikan suara pada variable musik
 musik.stop();
 //ubah nilai variable Pause menjadi true
 Pause = true;
};
//jika tombol play_btn ditekan
play_btn.onPress = function() {
 //jika variable Stop bernilai true
 if (Stop) {
  //mainkan suara di dalam variable musik sebanyak 999 kali
  musik.start(0,1);
  //ubah nilai variable Pause menjadi false
  Pause = false;
  //ubah nilai variable Stop menjadi true false
  Stop = false;
 }
 //jika variable Pause bernilai true dan variable Stop bernilai false
 if (Pause &amp;&amp; !Stop) {
  //mainkan suara di dalam variable musik sesuai nilai variable posisi sebanyak 1 kali
  musik.start(posisi,1);
  //ubah nilai variable Pause menjadi false
  Pause = false;
 }
 //jika suara di dalam variable musik selesai dimainkan
 musik.onSoundComplete = function() {
  //jalankan fungsi mainkanMusik
  mainkanMusik();
 };
};
//jika tombol stop_btn ditekan
stop_btn.onPress = function() {
 //ubah nilai variable Stop menjadi true
 Stop = true;
 //hentikan suara pada variable musik
 musik.stop();
};
//menjalankan fungsi mainkanMusik ketika swf pertama kali dijalankan
mainkanMusik();

6. Tekan Ctrl+Enter untuk melihat hasilnya.

7. Selain menggunakan stop(), kita juga bisa menggunakan stopAllSounds() untuk menghentikan suara. Bedanya, stop() hanya menghentikan 1 suara sedangkan stopAllSounds() akan menghentikan seluruh suara yang ada. Silahkan anda pilih sesuai kebutuhan.

Sourcenya dapat di download di sini

MEMBUAT SCROLLING TEXT

Selain menggunakan uiscrollbar, kita juga dapat membuat scrolling text sendiri. Membuat scrolling text sendiri memang lebih sulit dibandingkan dengan menggunakan uiscrollbar. Namun scrolling text yang akan kita buat dibawah ini dapat dimodifikasi/diubah bentuknya.

1. Buatlah sebuah segitiga. Seleksi segitiganya dan tekan F8. Pada kotak dialog yang muncul masukkan panah sebagai Name dan Movie clip sebagai Type lalu tekan OK.

Gambar segitiga

2. Seleksi movie clip panah dan tekan Ctrl+F3. Masukkan panah_atas sebagai Instance name pada panel properties.

3. Pastikan anda masih menyeleksi movie clip panah tadi dan tekan Ctrl+D sekali maka akan muncul movie clip panah lagi. Putar arah segitiga 180 derajat. Ubah Instance name sgitiga yang diputar menjadi panah_bawah.

Movie clip panah yang dibalik

4. Buatlah sebuah persegi panjang. Seleksi persegi panjang dan tekan F8. Pada kotak dialog yang muncul masukkan persegipanjang sebagai Name dan Movie clip sebagai Type serta ubah Regitrationnya menjadi di pojok kiri atas lalu tekan OK.

Tampilan pada Convert to Symbol movie clip persegipanjang

5. Seleksi movie clip persegipanjang dan tekan Ctrl+F3. Masukkan scroll_bg sebagai Instance name pada panel properties.

6. Pastikan anda masih menyeleksi movie clip persegipanjang tadi dan tekan Ctrl+D sekali maka akan muncul movie clip panah lagi. Seleksi movie clip hasil duplikasi dan tekan Ctrl+F3. Berikan scroller sebagai instance name dan ubah Color menjadi Tint R:255 G:0 B:0 100% pada panel properties.

Tampilan pada panel properties movie clip scroller

7. Buatlah sebuah dynamic text dengan menggunakan text tool. Seleksi dynamic textnya dan tekan Ctrl+F3. Pada panel properties yang muncul lakukan hal berikut :

Masukkan text_scroll di kotak instance name

Ubah Line type menjadi multiline

Aktifkan tombol Render as HTML dan Show borderaround text (optional:memunculkan garis di dynamic text)

8. Sehingga di panel properties dynamic text akan tampil seperti di bawah ini:

Tampilan pada panel properties dynamic text

9. Buka panel component dengan menekan Ctrl+F7. Tekan tanda + di samping User Interface untuk menampilkan component di dalamnya. Drag uiscrollbar ke dalam dynamic text sebelah kanan. Jika sudah, hapus uiscrollbar di stage.

10. Masukkan tulisan ke dalam dynamic text.

11. Letakkan objek-objek tadi seperti dibawah ini:

Movie clip scroll_bg berada di bawah movie clip scroller

12. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :

TextField.prototype.maxviewable = function() {
 if (this.maxscroll>1) {
  return (this.bottomScroll);
 }
};
scroller._yscale = text_scroll.maxviewable()/text_scroll.maxscroll*100;
amountPerScroll = (scroll_bg._height-scroller._height)/text_scroll.maxscroll;
scroller.onPress = function() {
 startDrag(this, false, scroll_bg._x, scroll_bg._y, scroll_bg._x, scroll_bg._y+scroll_bg._height-this._height);
 this.onEnterFrame = function() {
  amountFromTop = this._y-scroll_bg._y;
  text_scroll.scroll = Math.floor(amountFromTop/amountPerScroll)+1;
 };
};
scroller.onRelease = scroller.onReleaseOutside=function () {
 this.onEnterFrame = null;
 stopDrag();
};
panah_bawah.onPress = function() {
 this.onEnterFrame = function() {
  if (text_scroll.scroll1) {
   text_scroll.scroll--;
   scroller._y = scroller._y-amountPerScroll;
  } else {
   scroller._y = scroll_bg._y;
  }
 };
};
panah_atas.onRelease = panah_atas.onReleaseOutside=function () {
 this.onEnterFrame = null;
};

13. Tekan Ctrl+Enter untuk melihat hasilnya.

Scroll text dengan scrolling yang tersedia

Sourcenya dapat di download di sini

INPUT TEXT SELALU AKTIF

Biasanya ketika anda ingin mengetikan sesuatu pada input text, terlebih dahulu pasti anda harus menekan input text tersebut agar aktif. Tetapi ada juga cara agar membuat input text itu aktif dan siap diketik sehingga anda tidak perlu menekan input textnya terlebih dahulu. Caranya adalah dengan menggunakan script setFocus.

Berikut contoh penggunaannya.
1. Buatlah sebuah flash document.

2. Buatlah sebuah static text bertuliskan Masuk.

3. Buatlah sebuah persegi berwarna merah dengan garis hitam dan buat panjang serta lebarnya menutupi static text bertuliskan Masuk.

4. Seleksi persegi dan static text kemudian tekan F8. Pada panel yang muncul masukkan masuk_btn sebagai name dan button sebagai movie clip lalu tekan ok.

5. Seleksi masuk_btn kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan masuk_btnsebagai instance name.

6. Letkkan masuk_btn di tengah-tengah stage.

7. Klik kanan frame 2 dan pilih Insert Blank Keyframe.

8. Klik frame 2 agar anda aktif di frame tersebut kemudian buatlah sebuah Input Text di stage.

9. Seleksi Input Text tersebut dan pada panel properties masukan txt sebagai Var, 20 sebagai Maximum characters, serta aktifkan Show border around text dan Align Center.

10. Letkkan input text di tengah-tengah stage.

11. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//menghentikan frame agar tidak memainkan frame selanjutnya
stop();
//ketika tombol masuk_btn ditekan
masuk_btn.onPress = function() {
 //mainkan frame 2
 gotoAndPlay(2);
};

12. Klik frame 2 dan pada panel actions masukkan script berikut :

//menghentikan frame agar tidak memainkan frame selanjutnya
stop();
//membuat fokus pada input text dengan var txt
Selection.setFocus("txt");

13. Tekan Ctrl+Enter untuk melihat hasilnya :

14. Tekan tombol Masuk lalu anda akan berada di stage yang terdapat input text. Silahkan langsung ketikkan apa saja tanpa anda perlu menekan input textnya terlebih dahulu.

15. Input text menjadi tidak aktif jika anda menekan objek selain input text. Untuk masalah ini, anda dapat mengakalinya dengan membuat persegi (panjang dan lebar sesuai ukuran stage) dan masukan bg sebagai instance namenya. Kemudian tambahkan script berikut pada panel actions di frame tempat movie clip ini berada:

//hilangkan kursor tangan pada movie clip bg
bg.useHandCursor = false;
//ketika movie clip bg ditekan
bg.onPress = function() {
 //membuat fokus pada input text dengan var txt
 Selection.setFocus("txt");
};

Sourcenya dapat di download di sini