RSS

Flash8 & Flash CS3 — Mengisi Air Di Gelas Dengan Mengklik Button

02 Nov

Halo🙂

Kali ini akan di buat sebuah gelas yang setiap kali sebuah Button tertentu di klik air di dalam gelas tersebut akan bertambah.

Software yang digunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

AS 2.0

Preview hasil jadi :

Gelas sebelum di klik [kiri]. Gelas setelah di klik beberapa kali [tengah]. Gelas yang hampir penuh [kanan].

Flash dari postingan ini bisa di lihat di sini

  • Buatlah gambar gelas dan ubah menjadi symbol Graphic dengan nama g_Gelas. Kemudian buat symbol Button dengan nama btn_Fill.

Jangan lupa memberi nama btn_Fill pada kotak <Instance Name>🙂

  • Ubah g_Glass menjadi symbol Movie Clip dengan nama mc_Glass. Klik kanan pada mc_Glass dan pilih Edit in Place. [Jangan lupa memberi nama mc_Glass pada kotak <Instance Name>]🙂
  • Rename Layer 1 dengan nama Glass dan buat Layer baru dengan nama Water.

  • Pada frame 1 di Layer Water, buat bentuk air dengan menggunakan Rectangle Tool. Atur posisi air berada di dalam gelas.

  • Pilih frame 60 pada Layer Glass dan tekan F5.

  • Pilih frame 60 pada Layer Water, klik kanan dan pilih Insert Blank Keyframe.

  • Buat gambar air penuh pada gelas dengan Rectangle Tool.

  • Pilih frame mana saja di antara frame 1 dan frame 60 pada Layer Water, klik kanan kemudian pilih Create Shape Tween.

  • Pilih frame 60 pada Layer Water dan ketikkan code dibawah ini :

gotoAndPlay(1);

Penjelasan code akan diberikan nanti😉

  • Kembali ke Scene 1 [dengan mengklik tulisan Scene 1], rename Layer 1 dengan nama BG dan buat layer baru dengan nama Action. Pilih frame 1 pada Layer Action dan isikan code di bawah ini :


this.onEnterFrame = function ()

{

mc_Glass.stop();

};

btn_Fill.onRelease = function ()

{

gotoAndPlay(mc_Glass.nextFrame());

};

stop();

  • Animasi selesai. Tekan Ctrl + Enter untuk melihat hasilnya.🙂

Penjelasan code :

this.onEnterFrame = function ()

{

mc_Glass.stop();

};

btn_Fill.onRelease = function ()

{

gotoAndPlay(mc_Glass.nextFrame());

};

stop();

Pada saat animasi dimulai [masuk ke dalam frame] Movie Clip mc_Glass akan dihentikan.

[Sehingga frame pada mc_Glass berhenti di frame 1]

Pada saat Button btn_Fill diklik Flash akan menuju frame setelah frame yang aktif pada mc_Glass  yaitu frame 2. Karena mc_Glass menggunakan Tween Shape maka gambar air di setiap frame pada mc_Glass berubah dan hal itu yang menyebabkan air di dalam gelas terlihat naik setiap kali btn_Fill di klik.

Source bisa di dl di

Flash8

FlashCS3

Terima kasih sudah mampir dan membaca blog saya (^_^)

 
Tinggalkan komentar

Ditulis oleh pada November 2, 2010 in Flash

 

Tag: , ,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: