Membuat Preloader

Preloader dibuat untuk  menunjukan berapa lama proses loading movie anda berlangsung dan kapan selesainya hingga siap untuk dimainkan. Bisa juga untuk memberitahu apakah movie anda diload atau tidak saat ditaruh di website. Anda bisa melihat seperti apa preloader itu dengan membuka game-game yang sudah kami buat di My Game. Setelah anda membuka salah satu dari game kami, lihatlah di game tersebut apakah anda melihat bar yang memanjang kekanan. Jika anda melihatnya itulah yang namanya preloader. Preloader yang anda lihat di game kami adalah preloader berbentuk persegi panjabg. Preloader mempunyai berbagai macam bentuk mulai yang hanya persen saja, ukuran(size) yang sedang diload, persegi panjang, lingkaran, animasi dll. Di bawah ini terdapat beberapa macam tutorial preloader yang dapat anda gunakan :

A. Preloader persen

1. Buatlah sebuah dynamic text dengan Var angka_percent
2. Klik frame 1 dan masukan script berikut :

1 2 3 4 5 6 7 8

stop(); onEnterFrame = function () { percent = Math.round(_root.getBytesLoaded()/_root.getBytesTotal()*100); angka_percent = percent+" %"; if (percent<=100) { _root.gotoAndStop(2); } };

Read More

Play dan Pause Suara

Sebelumnya kita sudah mempelajari memasukkan suara dan menghentikan suara, selanjutnya kita akan mempelajari bagaimana membuat suara dapat berhenti apabila tombol pause ditekan dan memainkannya kembali apabila tombol play ditekan. Biasanya kami menggunakan suara rel kereta api seperti pada tutorial sound slider tetapi agar para pembaca tidak kaget kami menggunakan musik loop dalam tutorial ini  

1. Buatlah sebuah flash document.

2. Buatlah sebuah objek seperti gambar di bawah ini :

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan pause_btn sebagai name dan button sebagai type lalu tekan ok.
4. Seleksi button pause_btn di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan pause_btn di dalam kotak instance name.
5. Buatlah objek seperti gambar di bawah ini :

6. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan play_btn sebagai name dan button sebagai type lalu tekan ok.
7. Seleksi button pause_btn di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan play_btn di dalam kotak instance name.
8. Tekan Ctrl+R, pada panel yang muncul cari suara yang diinginkan kemudian tekan open.
9. 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.
10. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

//membuat variable bernama Pause dengan nilai false Pause = 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 Pause bernilai true if (Pause) { //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(); }; }; //menjalankan fungsi mainkanMusik ketika swf pertama kali dijalankan mainkanMusik();

11. Tekan Ctrl+Enter untuk melihat hasilnya.


Sourcenya dapat di download disini

Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

Read More

Membuat Soal Essay

Salah satu hal menyenangkan di Flash adalah kita dapat membuat kuis. Dimana kita dapat membuat pertanyaan beserta jawabannya sesuai keinginan kita. Kuis juga sering digunakan pada pembelajaran interaktif yang berfungsi sebagai soal latihan. Kali ini kita akan membuat kuis tentang soal essay. Tutorial di bawah ini adalah tutorial yang masih dalam bentuk sederhana.

Membuat Pertanyaan dan kotak jawaban

1. Buatlah 5 daftar pertanyaan dan tulis masing-masing pertanyaan pada sebuah Static Text

2. Buatlah 5 buah Input Text dengan masing-masing Var diberi jawaban_user1, jawaban_user2, jawaban_user3, jawaban_user4, jawaban_user5 pada panel properties (tekan Ctrl+F3 unruk memunculkannya).

3. Dan juga ubah nilai Maximum characters pada masing-masing Input Text menjadi 20

Gambar letak Var dan Maximum characters

Membuat tanda benar (centang) dan salah (silang)

4. Pastikan anda tidak menyeleksi objek di stage lalu tekan Ctrl+F8, berikan benar_salah pada Name dan pilih Movie clip sebagai Typenya lalu tekan OK.

5. Anda akan masuk kedalam stage Movie clip benar_salah. Seleksi Frame 2 dan 3 lalu tekan F7. Klik Frame 1 dan tekan F9, berikan script dibawah ini pada kotak dialog yang muncul. Lakukan hal yang sama pada frame 2 dan 3

1

stop();

6. Klik Frame 2 gambarlah tanda centang di dalamnya
7. Klik Frame 3 gambarlah tanda silang didalamnya. Jika sudah tekan Ctrl+E maka anda akan kembali ke Stage Scene 1
8. Buka panel Library dengan menekan F11, drag Movie clip benar_salah ke stage.

9. Klik Movie clip benar_salah yang sudah berada di stage lalu tekan Ctrl+D sebanyak 4 kali maka Movie clip benar_salah akan menjadi 5 buah.

10. Berikan tanda1, tanda2, tanda3, tanda4, tanda5 pada masing-masing Instance Name Movie clip benar_salah.

Membuat nilai serta tombol koreksi dan reset

11. Buatlah 3 buah Static Text dan beri tulisan Nilai: , / , 5
12. Buatlah sebuah Dynamic Text dan beri Var : nilai

13. Buatlah sebuah button dengan tulisan koreksi di bagian dalam tombol. Dan juga berikan koreksi sebagai Instance Name-nya. Seleksi button tersebut lau tekan F9 dan masukkan script berikut:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

//ketika tekanan mouse dilepaskan setelah mouse ditekan on (release) { //menghasilkan variable i=1, i=2, i=3, i=4, i=5 for (i=1; i<6; i++) { //jika jawaban_user+i sama dengan jawaban_asli+i if (_root["jawaban_user"+i] == _root["jawaban_asli"+i]) { //nilai ditambah 1 nilai += 1; //tanda+i pindah ke frame 2 _root["tanda"+i].gotoAndStop(2); } else { //tanda+i pindah ke frame 3 _root["tanda"+i].gotoAndStop(3); } } //tombol koreksi tidak bisa ditekan koreksi.enabled = false; //tombol koreksi lebih transparan koreksi._alpha = 40; }

14. Buatlah sebuah button dengan tulisan reset dibagian dalam tombol. Seleksi button tersebut lau tekan F9 dan masukkan script berikut:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

//ketika tekanan mouse dilepaskan setelah mouse ditekan on (release) { //tombol koreksi dapat ditekan koreksi.enabled = true; //warna tombol koreksi tidak transparan koreksi._alpha = 100; //nilai diubah menjadi 0 nilai = 0; //menghasilkan variable i=1, i=2, i=3, i=4, i=5 for (i=1; i<6; i++) { //jawaban_user+i dikosongkan _root["jawaban_user"+i] = ""; //tanda+i pindah ke frame 1 _root["tanda"+i].gotoAndStop(1); } }

15. Klik frame 1 lalu tekan F9 dan masukan script berikut :

1 2 3 4 5 6 7 8

//daftar jawaban sebenarnya jawaban_asli1 = "trik-komputer-online"; jawaban_asli2 = "zebra"; jawaban_asli3 = "keyboard"; jawaban_asli4 = "merah"; jawaban_asli5 = "mata"; //nilai pertama kali sama dengan 0 nilai = 0;

16. Atur letak objek-objek tadi seperti gambar di bawah ini :

Gambar peletakan

17. Tekan Ctrl+Enter untuk mengetesnya

Ada kelemahan dari soal essay yang kita buat di atas. Kelemahannya adalah pengguna harus memberikan jawaban yang tepat tidak boleh beda. Sekalipun jawaban pengguna benar namun jika penulisannya (besar kecil huruf) salah maka akan dinyatakan salah.

Sourcenya dapat di download disini

 Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

 

Read More

Kalimat Per Huruf

Kali ini kita akan membuat kalimat muncul per huruf. Jadi nantinya akan muncul huruf-huruf di stage sesuai kalimat yang sudah ditentukan. Huruf-huruf tersebut muncul berdasarkan waktu yang telah ditentukan. Kalimat yang digunakan serta kecepatan huruf yang muncul dapat anda atur melalui script pada tutorial ini.
1. Buatlah sebuah flash document.
2. Buatlah sebuah dynamic text seperti gambar di bawah ini :

3. Seleksi dynamic text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan kalimatTampil sebagai Var, nonaktifkan tombol selectable dan aktifkan tombol align left.
4. Buatlah sebuah dynamic text bertuliskan Ulangi. Seleksi dyanmic text ini dan pada panel properties nonaktifkan tombol selectable dan aktifkan tombol show border around text.
5. Pastikan anda masih menyeleksi dynamic text bertuliskan Ulangi lalu tekanlah F8. Pada panel yang muncul masukkan ulangi_btn sebagai name dan button sebagai type lalu tekan ok.
6. Seleksi button ulangi_btn di stage kemudian pada panel properties masukkan ulangi_btn sebagai instance name.
7. Atur letak objek yang dibuat tadi seperti gambar di bawah ini :

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

//membuat variable kalimatTotal berisi Selamat pagi,"+newline+"Bagaimana kabar anda?"+newline+"Apakah sudah sarapan? //newline digunakan untuk membuat kalimat tampil di bawah kalimat sebelumnya (seakan-akan anda menekan tombol enter) //nilai di dalam variable kalimatTotal tersebut dapat anda ubah sesuai keinginan //anda dapat menghilangkan +newline+ jika tidak dibutuhkan kalimatTotal = "Hallo??,"+newline+"Ingat-ingat alamat ini ya?"+newline+"trik-komputer-online.blogspot.com?"; //membuat variable detik dan mili dengan masing-masing bernilai 0 mili = 0; detik = 0; //membuat variable jumlahHuruf dengan nilai sama dengan nilai jumlah huruf yang terdapat pada variable kalimatTotal jumlahHuruf = kalimatTotal.length; //perintah yang dijalankan ketika frame ini dimainkan onEnterFrame = function () { //variable mili ditambah 1 mili++; //digunakan untuk mengatur kecepatan munculnya huruf //jika variable mili bernilai 4 dan nilai variable detik kurang dari nilai variable jumlahHuruf //untuk mengubah kecepatannya silahkan ubah angka 4 pada mili == 4 sesuai keingainan anda misalnya 7 //semakin besar nilai pada mili == 4 maka semakin lambat munculnya huruf if (mili == 5 && detik<jumlahHuruf) { //ubah nilai variable mili menjadi 0 mili = 0; //ubah nilai variable detik menjadi 1 detik += 1; } //tampilkan huruf pada variable kalimatTotal pada dynamic text kalimatTampil sesuai nilai variable detik kalimatTampil = kalimatTotal.substring(kalimatTotal, detik); }; //ketika button ulangi_btn ditekan ulangi_btn.onPress = function() { //kosongkan dynamic text kalimatTampil kalimatTampil = ""; //ubah nilai variable mili menjadi 0 mili = 0; //ubah nilai variable detik menjadi 0 detik = 0; };

9. Tekan Ctrl+Enter untuk melihat hasilnya.

Sourcenya dapat di download disini

 Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

Read More