Sebelumnya kita membuat sebuah kipas yang bergerak apabila disentuhkan ke movie clip listrik. Kali ini kita akan membuat sebuah kipas yang bergerak apabila kita menekan tombol on dan berhenti bergerak apabila kita menekan tombol off.
1. Buatlah sebuah flash document.
2. Buatlah sebuah objek seperti di bawah ini :
3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan baling sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.
4. Seleksi movie clip baling lalu tekan Ctrl+F3. Pada panel properties yang muncul masukkan baling dalam kotak instance name.
5. Buatlah sebuah static text berwarna putih bertuliskan OFF dan buatlah sebuah persegi panjang berwarna hitam dengan panjang dan lebar sama dengan panjang dan lebar static text bertuliskan OFF.
6. Seleksi static text dan persegi panjang tadi lalu tekan F8. Pada panel yang muncul masukkan onoff sebagai name dan movie clip sebagai type lalu tekan ok.
7. Seleksi movie clip onoff dan pada panel properties masukkan onoff sebagai instance name.
8. Pastikan anda masih menyeleksi movie clip onoff lalu tekan Ctrl+E untuk masuk ke dalam stage movie clip onoff.
9. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
1 | stop(); |
10. Klik kanan frame 2 dan pilih Insert Keyframe. Ubah warna static text di frame 2 menjadi merah dan juga ubah tulisannya menjadi ON.
11. Klik frame 2 dan masukkan script berikut pada panel actions:
1 | stop(); |
12. Tekan Ctrl+E untuk kembali ke stage scene 1.
13. Klik frame 1 dan pada panel actions 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 | //membuat variable bernama angka dengan nilai 0 angka = 0; baling.onEnterFrame = function() { //movie clip baling bertambah nilai rotasinya berdasarkan nilai variable angka this._rotation += angka; //jika movie clip onoff berada di frame 2 if (onoff._currentframe == 2) { //ubah nilai variable angka menjadi 7 angka = 7; //jika movie clip onoff tidak berada di frame 2 dan nilai variable angka lebih dari 0 } else if (angka>0) { //nilai variable angka dukurangi 0.2 angka -= 0.2; } }; //ketika tekanan pada movie clip onff dilepas setelah ditekan onoff.onRelease = function() { //jika movie clip ini berada di frame 1 if (this._currentframe == 1) { //mainkan frame 2 movie clip ini this.gotoAndStop(2); //jika tidak } else { //mainkan frame 1 movie clip ini this.gotoAndStop(1); } }; |
14. Tekan Ctrl+Enter untuk melihat hasilnya.
15. Di bawah ini contoh lain hasil penerapan pada tutorial kali ini. Maaf gambarnya tidak begitu bagus. Tekan tombol lingkaran yang ada ditengah-tengah untuk menghidupkan dan mematikan kipas
Sourcenya dapat di download di sini

Tlong tutoriallin flash mobile
Bang aku punya ide ini mungkin abang bisa buatin.. skalian buat tambahan referensi aku ni...
trimakasiiiiih…..
July 28th, 2009 at 01:41
sangat menarik
August 27th, 2009 at 17:37
so good….. =P~ =P~
August 29th, 2009 at 15:06
bagus posting nya.,.
mas mo nanya kalo nilai variabel “angka” di buat customize, gimana caranya.,. ya…? misal: ada textbox, trus kita inputan nilai, na putaran kipas nya sesuai dengan inputan nilai di text box tadi..,.
Hatur Nuhun
Matur suwon,….
Muliate…
Thanks..
August 29th, 2009 at 19:20
Buatlah sebuah input text dengan var kecepatan.
Ubah seluruh script pada frame 1 scene 1 menjadi sbb :
angka = 0;
kecepatan = 5
baling.onEnterFrame = function() {
this._rotation += kecepatan;
};
October 22nd, 2009 at 17:54
:X :X :X
December 11th, 2009 at 12:05
mas mo nanya, ada gak animasi gbr krtun yg pernah mas buat? sy ingin tau bgmana lgkah2 cr buatnya.
December 13th, 2009 at 05:55
Ada tapi nggak begitu bagus. Kalau kami sih cara bikinya, pertama gambarnya dibuat dikertas dulu. Lalu discan dan di trace di flash kemudian diwarnai. Setelah itu dianimasikan.
December 16th, 2009 at 18:11
waahh… sangat menolong saya ……
akhirnya ktemu juga web yang bisa ngasih banyak tutor soal flash …
tararengkyuuuuuuu
December 17th, 2009 at 07:14
sararamamaaaaaaa……….(sama-sama)
February 7th, 2010 at 20:49
nah, akhirnya nemu juga omm
March 23rd, 2010 at 12:20
thanks mas buat ilmu nya…tapi saya masih pengen liat contoh animasi kartun nya mas…kali aja temen yang lain juga pada pengen liat…biari jelek juga kita butuh ilmunya…he_
May 11th, 2010 at 15:10
seger benerrrr anginyaa makk yusss….
May 11th, 2010 at 15:11
oke
August 19th, 2010 at 10:29
om mau tanya nie….
kalo kipasnya berputar kekiri bagaimana caranya…???
makasih….
August 19th, 2010 at 14:51
Ganti : this._rotation += angka;
menjadi : this._rotation -= angka;
August 24th, 2010 at 17:31
朝食は非常に良いサイトが笑フラッシュ
September 1st, 2010 at 14:49
wow
September 25th, 2010 at 15:37
gmn klo kipas nya d ksi no 1,2,3 klo d pnct stiap nomor kcepatannya beda
October 15th, 2010 at 19:34
om admin, creative banget
, lebih semangat berkaya yach om, dalam membuat animasi, and sering2 share, semoga tuhan aja yang mambalas dengan ilmu yang telah om share ^_^ =D>
November 24th, 2010 at 13:51
maturnuwun sangeet nggih mazzz…
kuereeen deh http://warungflash.com/wp-includes/images/smilies/yahoo_clap.gif
January 19th, 2011 at 10:42
isoooooooooooooooooooooookkkkkkkkkkk
September 22nd, 2011 at 07:52
makasih gan , kipas saya berputar
8->
October 29th, 2011 at 14:15
knp scripnya error
October 30th, 2011 at 12:13
error yang mana ya?
November 5th, 2011 at 14:43
kok, g dari kemarin ya ketemu web kayak gini……. sangat menolong,,,, makasih buat para admin
November 24th, 2011 at 15:22
bagus bagus..
November 27th, 2011 at 08:15
mas, mo nnya: bagaimana caranya animasi yang telah buang itu di ulang2 sampe kita klick tombol trtentu
November 27th, 2011 at 08:18
sorry, maksudnya animasi yang telah qita buat bisa bsa play berulang-ulang sampe kita klik tmbol tertentu
November 27th, 2011 at 08:26
bagus buangetttttt, deh. kereeennnnnn
January 10th, 2012 at 09:01
January 11th, 2012 at 17:42
huff… akhirnya berhasil juga.
Selangkah terlewati kemudian kembali unguk memperbaiki.
February 14th, 2012 at 11:00
luar binasa memang abang satu ini,,,
serius bang kebantu banget
bang minta tolong bang
bisa ga di ganti kipasnya dengan lampu
jadi waktu kita klik tombolnya
lampu nya nyala…
please mas
buat tugas….
March 9th, 2012 at 07:52
om mo tanya nih,,,,,,
tau gak caranya bikin seek bar di flash ?
ditunggu balesannya!!!
May 6th, 2012 at 20:32
sangat membantu banget
terimakasih !!!!! sekarang gk bete lagi sama pelajaran animasi
May 10th, 2012 at 21:06
Knapa muncul spti ini…?
**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 17: Expected a field name after ‘.’ operator.
onoff.on release = function() {
Total ActionScript Errors: 1 Reported Errors: 1
May 11th, 2012 at 19:45
jawab yang diatas
, di action script nya yang baris ke 17,
tulisannya bukan
onoff.on release = function(){
tapi
onoff.onRelease = function(){
(maaf kalo salah
, baru belajar, semoga membantu
)