Posts tagged animasi

Dengan menggunakan script lu bisa bikin masking menjadi transparan, sebenernya si banyak cara yang bisa lu pake dan ini adalah salah satu cara yang paling gampang, tapi syaratnya lu harus menggunakan flash player versi 8 keatas.

Hasil Akhir :

Lets start !

1. Masukin image ke stage dengan cara insert menu > Import Image
2. Buka Properties panel, kasih nama img1 terus centang box “target” disampingnya
3. Gambar lingkaran dengan menggunakan elipse tool diatas image yang udah lu masukin
4. Pada properties panel. ganti line style nya ke “None” (ini untuk ngilangin garis pinggir pada lingkaran) terus pilih fill type nya jadi gradient. Kasih nama objek nya sebagai mask1 terus centang target di sampingnya
5. Bikin gradient pada lingkaran mejadi 0% untuk yang sebelah kanan, ini untuk membuat effect transparan pada mask yang akan kita buat

6. Pilih Scene_1 pada outline panel dan buka script window, lalu masukan script di bawah ini
onSelfEvent(load) {
this.img1.cacheAsBitmap = true;
this.mask1.cacheAsBitmap = true;
this.img1.setMask(this.mask1);
}

7. Sebelum lu coba pastikan dulu di export swf settings lu udah pake flash player versi 8

8. Silahkan lu play movie yang udah lu bikin. hasilnya seharusnya kaya gini

9. Buat bikin mask sebagai mouse cursor tinggal tambahin script ini dibawah script yang sebelumnya :
onSelfEvent(enterFrame) {
this.mask1._y = _ymouse;
this.mask1._x = _xmouse;
}

Share on Facebook

Sori nih baru bisa update lagi, lagi rada2 lumangnyan sibuk, kerjaan numpuk..

okeh, kali ini kita akan belajar tentang variabel, what the fuck is variable? balik lagi nih ke pelajaran SMP, eh SD kelas 5 kayanya.. males banget tau ga si locch… ternyata pelajaran matimatika yang dulu paling gw ogah ikutin ternyata masih kepake terus sampe sekarang. kalo dulu mungkin kaga tuntutannya tapi pas udah gede kaya gini mao kaga mao dah buka2 buku lagi demi mencari sesuap nasi hehehe basi banget ya, mana kenyang cuman sesuap?

Btw setelah gw melakukan riset sana sini, ketemu juga dah apa dimaksud dengan variabel, untuk sampe saat ini sih gw baru sampe pada tahap pengertian bahwa variabel itu adalah tempat penyimpanan memori yang bisa kita panggil di script kapan aja kita mau. bener ga ? Lah malah gw yang nanya ya ? ini tutorial apa tanya jawab ? yah what the heck lah…

And mungkin gw rasa di semua bahasa pemrograman (scripting) itu mempunyai konsep variable sebab apalah artinya programming tanpa variable ?? apa coba ? tau deh..

Cukup ngelanturnya, jadi kurang lebih kalo di contohin kaya gini.

Kita tetapin aja deh bahwa variable dari sukses adalah :
sukses = seorang pekerja keras serta rajin berdoa

Kalo variable sukses kita panggil di kalimat di bawah ini :
andi itu sukses

Karena sukses menyimpan makna (variable), tentu artinya nya sama aja dengan.
andi itu seorang pekerja keras serta rajin berdoa

Terus ngapain pake variable ? langsung aja bilang “andi itu seorang pekerja keras serta rajin berdoa” iya kan ?

Emang si ada benernya juga. Tapi kan itu cuman contoh, kita akan pake untuk ngomong sama komputer, bukan sama orang, bayangin aja kalo dalam script, lu punya 10.000 baris script dan variable itu di pake berulang ulang, alangkah lebih mudahnya kl kita cuman pake “sukses” ketimbang ngetik panjang2, sebab selain mempecepat pengerjaan variable juga dapat memperkecil memori penyimpanan. nah gitu kurang lebihnya, gampang kan ?

Sekarang buka swishmax lu, kita akan membuat animasi menggunakan swishmax 2 menggunakan dasar variable

1. Bikin file baru dan masukan text dengan menggunakan Text tool dari Toolbox di sebelah kiri, dan set properties-nya sama seperti gambar di bawah ini,
   
2. Masukan shape kotak seperti dibawah ini
   
3. Pilih shape kotak dan klik script panel untuk pindah ke window script seperti gambar di bawah ini
   
4. Masukan script ini
   on (release) {
   x = 3 + 1
   hasil.text = x * x
   }
5. Coba Jalanin di play, maka hasilnya seperti di bawah ini
   

Penjelasan script :
Pada saat tombol di release maka script akan memasukan variabel pada x, yaitu 3 + 1, kemudian script akan berjalan ngecek baris selanjutnya untuk di eksekusi yaitu :
hasil.text= x * x
Yang artinya “text pada objek “hasil” adalah x dikalikan dengan x.

udah jelas nilai dari variabel x = 4, dan 4 x 4 = 16
END OF STORY FOR TODAY, I WANT TO SLEEP AGAIN.

[include_HTML: http://arisku.com/incl/back2.php]

Share on Facebook

Hello again.

Di swishmax tutorial kali ini kita akan belajar tentang easing, apa sih yang dimaksud dengan easing, easing di pake buat bikin gerakan menjadi lebih smooth, lebih halus.. ngga kaku. Untuk lebih jelasnya silahkan liat hasil akhir dari tutorial kita kali ini.

Lets start !!

1. Bikin file baru dengan ukuran ukuran width 300 pixels & height 150 pixels

2. Buatlah lingkaran dengan elips tool lalu grouping as movie clip (kalo belom tau caranya bikin movie clip lihat disini), copy – paste movie clip dan atur posisinya seperti dibawah ini, terus bikin juga text dan kasih bacaan “no easing” lalu grup as button (kalo belom tau caranya gruop as button lihat disini), copy – paste button dan atur posisinya seperti dibawah ini:

4. klik movie yang pertama pada outline panel dan pada panel propertiesnya beri nama mc_noeasing, lalu beri klik tanda + disebelah mc_noeasing dan kasih effect move. Lakukan hal sama untuk movie clip yang kedua tapi di jendela propertiesnya beri nama mc_easing, perhatiken baek2 gambar dibawah

5. klik button yang pertama (no easing), lalu buka jendela script-nya dan lalu tambahkan script dengan cara :

• “Add Script > Events > Button > On (rollover)”
• “Add script > movie control > Goto And Play > gotoandplay(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 2
• “Add Script > Events > Button > On (rollout)”
• “Add script > movie control > Goto And Stop > gotoandstop(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 1

pastikan scriptnya seperti ini :

on (rollOver) {
mc_noeasing.gotoAndPlay(2);
}
on (rollOut) {
mc_noeasing.gotoAndStop(1);
}

perhatiin lagi gambar dibawah ini, bikin yang sama ya

6. lakukan hal yang sama seperti langkah ke lima untuk button yang ke 2 (easing) hanya saja pada target pilih (mc_easing), dan pastikan hasil scriptnya sama seperti ini :

on (rollOver) {
mc_easing.gotoAndPlay(2);
}
on (rollOut) {
mc_easing.gotoAndStop(1);
}

7. sekarang kita akan menambahkan easing pada mc_easing. caranya :

• Klik tanda + pada mc_easing
• klik pada bar effect move sehingga tersorot menjadi biru
• klik effect panel dan pilih tab Easing dan masukan nilai seperti dibawah ini ini

8.selese deh! silahkan jalan movie anda.

penjelasan :

pada tutorial kali gw juga masukin tentang rollover event dan rollout, cara kerjanya gini :
on (rollOver) { >>> pada saat posisi mouse berada diatas (over) objek maka dia akan menjalankan script di dalamnya,
mc_noeasing.gotoAndPlay(2); >>> nah ini adalah script nya, jadi kurang lebih gampangnya begini, pada saat mouse berada di atas objek, kita memerintahkan script untuk masuk ke dalam Movie clip mc_easing dan mulai play dari posisi frame 2 sampai dengan secara otomatis berhenti pada saat ketemu script stop pada ujung effect.

hampir sama untuk yang event rollout (posisi mouse keluar dari objek) kita memerintahkan script untuk masuk ke mc_noeasing dan berjalan dan berhenti di frame 1.

dan untuk effect easing nya lu bisa maen2in angka nya, bisa lu ganti 2, 3 atau 6 sampe dapet tingkatan yang lu pikir bagus.

dari tutorial diatas kita bisa aja kembangkan menjadi kaya gini misalnya…

nothing is impossible with swishmax