Wong Kampungan sinau CG

Pada tutorial kali ini kita akan membuat sebuah objek yang dapat didrag ketika mouse ditekan pada objek tersebut dan berhenti di drag ketika tekanan mouse dilepas. 1. Buatlah sebuah lingkaran dan ubah menjadi movieclip. 2. Seleksi movieclip tersebut kemudian tekan F9 3. Akan muncul kotak dialog Action. Tulis actionscript dibawah ini kedalam kotak dialog tersebut : 1 2 3 4 5 6 7 8 9 10 //ketika mouse ditekan on ( press ) { //movieclip ini dapat didrag startDrag ( this ) ; } //ketika melepas tekanan setelah mouse ditekan on ( release ) { //movieclip ini berhenti didrag stopDrag ( ) ; } 4. Test movie dengan menekan CTRL+ENTER.

Animasi yang akan kita buat berikut ini berupa gelembung udara yang bergerak ke atas. Apabila kita menyentuh gelembung udara tersebut dengan kursor mouse maka gelembung udara itu akan otomatis menghilang. 1. Buatlah sebuah flash document berwarna biru . 2. Buatlah sebuah lingkaran berwarna biru dengan putih sebagai warna garisnya dan buatlah juga seperempat garis lingkaran berwarna putih yang ditempatkan ditengah lingkaran tersebut seperti gambar di bawah ini : 3. Seleksi lingkaran dan seperempat garis lingkaran tadi kemudian tekan F8. Pada panel yang muncul masukkan gelembung sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah. 4. Hapus movie clip gelembung dari stage kemudian tekan Ctrl+L. Pada panel library yang muncul klik kanan movie clip gelembung dan pilih linkage. 5. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan gelembung sebagai idetifier lalu tekan ok. 6

Sebelumnya kita pernah membuat animasi hujan . Tetapai pada animasi hujan sebelumnya tidak ada riak air ketika hujan jatuh. Oleh karena itu pada tutorial kali ini kita akan membuat sebuah animasi hujan yang disertai riak air apabila hujan tersebut menyentuh tanah. 1. Buatlah sebuah flash document . 2. Buatlah garis lingkaran berwarna hitam . Seleksi  garis lingkaran ini kemudian tekan F8. Pada panel yang muncul masukkan garis_lingkaran sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. 3. Seleksi movie clip garis_lingkaran di stage kemudian tekan F8. Pada panel yang muncul masukkan riak sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. 4. Klik kanan movie clip riak kemudian pilih Edit. Anda akan masuk ke dalam  stage movie clip riak. Ubah bentuk movie clip garis_lingkaran menjadi seperti di bawah ini : 5. Klik kanan frame 15 kemudi

Kali ini kita akan memodifikasi tutorial scrolling background dengan motion tween . Kita akan membuat background bergerak hanya jika tombol panah kanan/kiri pada keyboard ditekan. 1. Bukalah fla dari tutorial scrolling background dengan motion tween . 2. Tekan tombol insert layer pada timeline sehingga akan muncul layer baru bernama Layer 2. Klik frame 1 Layer 2 kemudian buatlah sebuah lingkaran kecil berwarna kuning dengan hitam sebagai warna garisnya. 3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan pemain sebagai name dan movie clip sebagai type lalu tekan ok. 4. Seleksi movie clip pemain di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan pemain sebagai instance name. Letakkan movie clip pemain ini pada stage bagian kiri atas. 5. Klik frame 1 Layer 2 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

Pada tutorial yang lalu, kita telah mempelajari cara membuat jam digital . Kali ini kita akan mempelajari cara membuat sebuah jam analog . Tampilan jam analog yang akan kita buat di sini masih sederhana. Anda dapat mengembangkannya dengan memperbaiki bagian grafiknya. Sehingga nantinya jam akan terlihat lebih bagus lagi. 1. Buatlah flash document . 2. Buatlah sebuah gambar seperti di bawah ini. Anda dapat menggunakan oval tool , text tool , dan panel transform untuk membuatnya. 3. Untuk garisnya kami akan membuat ukurannya seperti ini : garis jam lebih panjang dari garis menit, garis menit lebih panjang dari garis detik, garis detik lebih panjang dari garis jam Anda dapat mengubah ukurannya sesuai keinginan anda. 4. Buatlah tiga buah garis seperti gambar di bawah ini : 5. Seleksi garis yang paling kecil, kemudian tekan F8. Pada panel yang muncul masukkan jam_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu teka

Kali ini kita akan membuat sebuah slideshow gambar. Gambar akan berganti secara otomatis dalam waktu yang sudah ditentukan. Gambar juga akan berganti jika anda menekan tombol 1 sampai 5 dan juga tombol next. 1. Buatlah sebuah flash document . 2. Buatlah sebuah persegi berukuran cukup besar berwarna putih dengan hitam sebagai warna garisnya. Buatlah sebuah static text bertuliskan Gambar 1 . Letakkan static text ini di tengah tengah kotak yang anda buat. 3. Seleksi kotak dan static text yang dibuat dan tekan F8. Pada panel yang muncul masukkan gambar sebagai name dan movie clip sebagai type lalu tekan ok. 4. Seleksi movie clip gambar dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan gambar sebagai instance name 5. Klik kanan movie clip gambar dan pilih edit. Anda akan masuk ke dalam stage movie clip gambar. 6. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut : 1 stop ( ) ; 7. Klik kanan frame 1 dan pilih copy fra

Kali ini kita akan mempelajari bagaimana memunculkan gambar dan huruf secara bersamaan ketika sebuah tombol ditekan.Jumlah huruf dan gambar yang digunakan dalam tutorial ini adalah 4. Apabila anda ingin menggunakan gambar dan huruf lebih dari 4 anda dapat mengubah sedikit scriptnya. Tutorial ini cocok bagi anda yang ingin membuat aplikasi untuk anak-anak seperti misalnya memperkenalkan huruf kepada anak dengan menampilkan gambar sebagai contoh penggunaan hurufnya. 1. Buatlah sebuah flash document . 2. Buatlah 2 buah static text masing-masing bertuliskan Huruf : dan Gambar : 3. Buatlah sebuah dynamic text di stage . Seleksi  dynamic text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan huruf_tampil sebagai var serta nonaktifkan tombol selectable dan show border around text . 4. Buatlah sebuah persegi berwarna putih dengan hitam sebagai warna garisnya . Buatlah sebuah garis miring dari sudut kanan atas  persegi ke sudut kiri bawah  persegi . 5.

Pada tutorial di bawah ini kita akan membuat sebuah objek yang dapat dikontrol arah rotasinya. Kontrol yang digunakan adalah mouse. Jadi jika mouse digerakan, arah putaran rotasi objek juga ikut berubah sesuai letak kursor mouse. 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 segitiga sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. 4. Seleksi movie clip segitiga di stage lalu tekan Ctrl+F3. Pada panel properties yang muncul masukkan segitiga dalam kotak instance name. 5. Klik frame 1 dan ekan F9. Pada panel actions yang muncul masukkan script berikut : 1 2 3 4 5 6 7 8 9 10 11 segitiga. onEnterFrame = function ( ) { jarak = Math . sqrt ( Math . pow ( _root ._xmouse-segitiga. _x , 2 ) + Math . pow ( _root ._ymouse-segitiga. _y , 2 ) ) ; sudut = Math . asin ( ( _root ._xmouse-segitiga.

Hampir sama pada tutorial sound slider . Kali ini kita tidak akan mengubah volume suara tetapi mengubah ukuran suatu objek. 1. Buatlah sebuah flash document . 2. Buatlah sebuah persegi dengan ukuran panjang 5px dan lebar 20px. Seleksi persegi tersebut dan  tekan F8. Pada panel yang muncul masukkan kotak2 sebagai name dan movie clip sebagai type serta titik registrationnya berada di tengah-tengah lalu tekan ok. 3. Seleksi movie clip kotak2 di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan kotak2 sebagai instance name. 4. Pastikan anda masih menyeleksi movie clip kotak2 lalu tekan F8. Pada panel yang muncul masukkan kotak1 sebagai name dan movie clip sebgai type serta titik registrationnya berada di tengah-tengah lalu tekan ok. 5. Seleksi movie clip kotak1 dan masukkan kotak1 sebagai instance name pada panel properties. 6. Klik kanan movie clip kotak1 dan pilih Edit maka anda akan masuk ke dalam stage movie clip kotak1. 7. Buatlah sebuah persegi

Hasil yang akan kita peroleh melalu tutorial ini berupa sebuah objek yang koordinat x dan y nya akan berada di x dan y mouse apabila mouse ditekan serta akan kembali ketempat semula apabila tekanan pada mouse dilepaskan. 1. Buatlah sebuah flash document.a 2. Buatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan lingkaran sebagai name dan movie clip sebagai type lalu tekan ok. 3. Seleksi movie clip lingkaran di stage dan Ctrl+F3. Pada panel properties yang muncul masukkan lingkaran di dalam kotak instance name. 4. Klik frame 1 dan tekan F9. Pada kotak 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 40 41 42 43 44 45 46 47 48 49 50 //membuat variable targetX dengan nilai koordinat x awal lingkaran targetX = lingkaran. _x ; //membuat variable targetY dengan nilai koordinat y awal lingkaran targetY = lingkaran. _y ; /

Kali ini kita akan memodifikasi tutorial scrolling background dengan motion tween . Kita akan membuat background bergerak hanya jika tombol panah kanan/kiri pada keyboard ditekan. 1. Bukalah fla dari tutorial scrolling background dengan motion tween . 2. Tekan tombol insert layer pada timeline sehingga akan muncul layer baru bernama Layer 2. Klik frame 1 Layer 2 kemudian buatlah sebuah lingkaran kecil berwarna kuning dengan hitam sebagai warna garisnya. 3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan pemain sebagai name dan movie clip sebagai type lalu tekan ok. 4. Seleksi movie clip pemain di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan pemain sebagai instance name. Letakkan movie clip pemain ini pada stage bagian kiri atas. 5. Klik frame 1 Layer 2 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

Setelah membuat kalender , tentu kurang lengkap rasanya jika kita tidak membuat jam. Kali ini kita akan membuat jam digital dengan sistem 24 jam. Berikut tutorialnya : 1. Buatlah 3 buah Dynamic Text dengan masing-masing Var : jam, menit, detik 2. Buatlah 2 buah Static Text dan berikan tanda : sebagi tulisannya 3. Ubah ukuran Static Text dan Dynamic Text sesuai panjang jumlah maksimal karakter yang akan dimuat dan atur letaknya. 4. Klik Frame 1 lalu tekan F9 dan masukan script berikut : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 onEnterFrame = function ( ) { waktu = new Date ( ) ; jam = waktu. getHours ( ) ; menit = waktu. getMinutes ( ) ; detik = waktu. getSeconds ( ) ; if ( jam < 10 ) { jam = "0" +jam; } if ( menit < 10 ) { menit = "0" +menit; } if ( detik < 10 ) { detik = "0" +detik; } } ; 5. Terakhir Test Movie dengan menekan Ctrl+Enter pada keyboard.