Your SlideShare is downloading. ×
Lab 8
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
80
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Page | 1 Johny Hizkia, BIT, MIMSUG141 – Multimedia DesignLab Exercise 8TASK 1 – Drag & Drop PuzzleTutorial ini merupakan versi lain dari drag & drop puzzle. Berbeda dengan drag & droppuzzle dimana movie clip yang sudah terpasang dapat di drag ulang, pada tutorial ini movieclip yang sudah terpasang tidak dapat drag lagi. Selain itu pada drag & drop kali ini akan adaanimasi apabila movie clip terpasang. Kita akan menggunkan metode attachMovie untukmemasukkan animasi tersebut ke dalam stage.1. Buatlah sebuah flash documentMembuat animasi pertama.2. Buatlah sebuah kotak berwarna biru muda dengan panjang dan lebar sama denganpanjang dan lebar stage. Tempatkan di tengah-tengah stage.3. Buatlah sebuah static text dengan menggunakan text tool dan beri tulisan “Benda1Terpasang” di dalamnya.4. Seleksi kotak dan static text tersebut dan tekan F8. Pada kotak dialog yang munculmasukkan tween animasi1 sebagai name dan movie clip sebagai type lalu tekan ok.5. Seleksi movie clip tween animasi1 di stage dan tekan F8. Pada kotak dialog yangmuncul masukkan animasi1 sebagai name dan movie clip sebagai type lalu tekan ok.6. Klik 2 kali movie clip animasi1 agar anda masuk ke dalam stagenya. Klik kananframe 10 dan pilih insert keyframe. Klik kanan frame 20 dan pilih insert keyframe.7. Klik kanan frame 1 dan pilih create classic tween. Seleksi movie clip tween animasi1di frame 1 dan tekan Ctrl+F3. Pada panel properties yang muncul ubah color menjadialpha 0%. Klik frame 20 dan tekan F9. Pada kotak actions yang muncul masukkanscript berikut :stop();8. Tekan Ctrl+E agar anda kembali ke stage scene 1. Hapus movie clip animasi1 daristage.Membuat animasi kedua.9. Buatlah sebuah kotak berwarna biru muda dengan panjang dan lebar sama denganpanjang dan lebar stage. Tempatkan di tengah-tengah stage.10. Buatlah sebuah static text dengan menggunakan text tool dan beri tulisan “Benda2Terpasang” di dalamnya.11. Seleksi kotak dan static text tersebut dan tekan F8. Pada kotak dialog yang munculmasukkan tween animasi2 sebagai name dan movie clip sebagai type lalu tekan ok.12. Seleksi movie clip tween animasi2 di stage dan tekan F8. Pada kotak dialog yangmuncul masukkan animasi2 sebagai name dan movie clip sebagai type lalu tekan ok.13. Klik 2 kali movie clip animasi2 agar anda masuk ke dalam stagenya. Klik kananframe 10 dan pilih insert keyframe. Klik kanan frame 20 dan pilih insert keyframe.
  • 2. Page | 2 Johny Hizkia, BIT, MIMSUG141 – Multimedia DesignLab Exercise 814. Klik kanan frame 1 dan pilih create classic tween. Seleksi movie clip tween animasi2di frame 1 dan tekan Ctrl+F3. Pada panel propertie yang muncul ubah color menjadialpha 0%. Klik frame 20 dan tekan F9. Pada kotak actions yang muncul masukkanscript berikut :stop();15. Tekan Ctrl+E agar anda kembali ke stage scene 1. Hapus movie clip animasi2 daristage.16. Tekan Ctrl+L untuk memunculkan panel Library. Klik kanan movie clip animasi1 diLibrary dan pilih Linkage. Berikan tanda contreng/centang pada Export forActionScript dan masukkan animasi1 sebagai Identifier lalu tekan OK.17. Klik kanan movie clip animasi2 di Library dan pilih Linkage. Berikan tandacontreng/centang pada Export for ActionScript dan masukkan animasi2 sebagaiIdentifier lalu tekan OK.Membuat benda1, benda2, benda1_target, benda2_target18. Buatlah sebuah gambar seperti di bawah ini :Gambar benda119. Seleksi gambar tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan“benda1” sebagai name dan movie clip sebagai type lalu tekan ok. Seleksi movie clipbenda1 di stage dan tekan Ctrl+D sekali sehingga muncul movie clip benda1 lagi.Letakan masing-masing movie clip benda1 di kanan dan kiri stage.20. Seleksi movie clip benda1 di sebelah kiri dan tekan Ctrl+F3. Pada panel propertiesyang muncul masukkan “benda1” di kotak instance name.21. Seleksi movie clip benda1 di sebelah kanan dan tekan Ctrl+F3. Pada panel propertiesyang muncul masukkan “benda1_target” di kotak instance name dan ubah colornyamenjadi alpha 10%.22. Buatlah sebuah gambar seperti di bawah ini :
  • 3. Page | 3 Johny Hizkia, BIT, MIMSUG141 – Multimedia DesignLab Exercise 8Gambar benda223. Seleksi gambar tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan“benda2” sebagai name dan movie clip sebagai type lalu tekan ok. Seleksi movie clipbenda2 di stage dan tekan Ctrl+D sekali sehingga muncul movie clip benda2 lagi.Letakan masing-masing movie clip benda2 di kanan dan kiri stage.24. Seleksi movie clip benda2 di sebelah kiri dan tekan Ctrl+F3. Pada panel propertiesyang muncul masukkan “benda2” di kotak instance name.25. Seleksi movie clip benda2 di sebelah kanan dan tekan Ctrl+F3. Pada panel propertiesyang muncul masukkan “benda2_target” di kotak instance name dan ubah colornyamenjadi alpha 10%.Memasukkan script26. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :(attach script2.txt)27. Tekan Ctrl+Enter untuk melihat hasilnya.