Cari Blog Ini

Minggu, 22 April 2012

Membuat Animasi Masking Teks

1 komentar | Read more...
Sebelumnya saya pernah share tutorial tentang pembuatan efek masking di Flash. Nah, kali ini saya akan share pengembangan dari tutorial tersebut menggunakan motion tween untuk membuat efek masking berbentuk teks yang akan berjalan melewati gambar background.

Pertama, buka program Macromedia Flash lalu buat Flash Document baru.
Tekan Ctrl+J untuk mengatur properti dokumen sebagai berikut :
300x225 pixels, background hitam, framerate 15 fps, lalu tekan OK.

Sabtu, 21 April 2012

Event Handling (ActionScript 2.0)

0 komentar | Read more...
Event handling adalah suatu kode penanda dimana didalamnya terdapan perintah-perintah yang akan dieksekusi atau dijalankan ketika event terpenuhi. Misal perintah akan berjalan ketika sebuah tombol ditekan, dan sebagainya. 

Sebelum mengetahui lebih jauh tentang event handling pada flash, setidaknya kita perlu mengetahui suatu elemen penting yang mempengaruhi syarat terpenuhinya suatu event, yaitu area hit. Area hit adalah sebuah batas berbentuk segi empat yang mengelilingi suatu objek seperti movie clip atau button. Area hit ini akan muncul saat suatu objek telah dirubah menjadi movie clip atau button. Setiap sisi area hit berada pada titik terluar dari objek tersebut. Berikut gambarannya.

Operasi String Pada ActionScript 2.0

0 komentar | Read more...
Tutorial kali ini kita akan bermain-main dengan variabel string. Ada kalanya kita ingin merubah atau memanipulasi teks yang akan tampil pada movie flash, misal ingin mengambil sebagian huruf atau karakter, merubah menjadi huruf kapital dan sebaliknya. Berikut tutorialnya.

Pertama, buat terlebih dahulu sebuah dynamic text pada stage lalu beri variable “teks_tampil” .
Ketikkan perintah pada contoh penggunaan perintah dibawah.

substr
Perintah ini berfungsi untuk mengambil sebagian karakter dari sebuah variabel string.
Contoh penggunaan :
                teks=”zorc-colozha.blogspot.com”;
                teks_tampil=teks.substr(5,7);

Perintah diatas berarti, telah disediakan teks string “zorc-colozha.blogspot.com” dan akan diambil 7 karakter saja mulai dari karakter setelah karakter ke-5. Jadi akan tampil teks “colozha” saja.

toLowerCase
Perintah ini berfungsi untuk merubah string menjadi huruf kecil saja.
Contoh penggunaan :
                teks=”ZORC-COLOZHA.BLOGSPOT.COM”;
                teks_tampil=teks.toLowerCase();

Pada movie akan tampil teks "zorc-colozha.blogspot.com"

toUpperCase
Perintah ini berfungsi untuk merubah string menjadi huruf kapital.
Contoh penggunaan :
                teks=” zorc-colozha.blogspot.com”;
                teks_tampil=teks.toUpperCase();

Pada movie akan tampil teks "ZORC-COLOZHA.BLOGSPOT.COM" 

length
Perintah ini berfungsi untuk menghitung jumlah karakter dalam suatu teks string.
Contoh penggunaan :
                teks=” zorc-colozha.blogspot.com”;
                teks_tampil=teks.length;

Pada movie akan tampil jumlah karakter dari string tersebut, yaitu 25 karakter.
LATIHAN :
Coba buat teks berikut menggunakan beberapa perintah diatas jika teks awal yang disediakan adalah “zorc-colozha.blogspot.com”

ZORC-colozha.BLOGSPOT.com


Kamis, 12 April 2012

Membuat Animasi Tulis Tangan

3 komentar | Read more...
Tutorial kali ini sebenarnya mudah dan sama sekali tidak menggunakan script apapun, hanya perlu ketekunan dan kesabaran. Karena pada dasarnya, animasi yang dibuat adalah animasi frame-by-frame. Jadi harus mengerjakan setiap frame satu persatu.

Pertama buka program Macromedia/Adobe Flash, lalu buat dokumen baru.

Buat sebuah teks dengan ukuran yang cukup besar (hal ini bertujuan agar memudahkan pembuatan animasi), kalau ada menggunakan font yang berbentuk seperti tulisan latin seperti contoh berikut.


Seleksi teks tersebut, lalu tekan Ctrl+B sebanyak dua kali.

Klik pada frame 2 layer 1, klik kanan lalu pilih insert Keyframe (atau tekan tombol F6).

Lakukan penghapusan teks mulai dari huruf paling akhir dan dimulai dari ujung teks.


Buat lagi keyframe baru, lalu lakukan penghapusan sedikit demi sedikit pada setiap keyframe yang dibuat sampai akhirnya mencapai awal teks. Ketika melakukan ini, saya harus membuat keyframe sebanyak 115. Karena itulah diperlukan kesabaran dan keuletan dalam melakukannya.

Setelah selesai, klik kanan pada sembarang frame lalu pilih Select All Frames.

Kemudian, klik kanan pada sembarang frame lalu pilih Reverse Frames.

Tekan Ctrl+Enter untuk melihat hasilnya.

Demikian tutorial kali ini semoga bermanfaat.

Download Source disini

Membuat Animasi Revolusi Planet dan Satelit Planet

0 komentar | Read more...
Tentunya anda pernah belajar mengenai revolusi planet, dimana planet bergerak mengelilingi matahari dalam jangka waktu tertentu. Hal yang sama juga berlaku pada satelit planet yang juga berevolusi terhadap planet tersebut.
Kali ini kita akan membuat animasinya sehingga bisa menjadi contoh pembelajaran interaktif kepada anak.
Semoga bermanfaat .


Download source-nya disini

Membuat Animasi Menggambar Otomatis (ActionScript 2.0)

0 komentar | Read more...
Dulu sekali saya pernah posting mengenai cara membuat program untuk menggambar pada plash, dimana kita bisa membuat coretan garis seperti layaknya menggambar pada program seperti Ms.Paint misalnya. Nah, kali ini kita akan membuat sebuah animasi dimana akan ada sebuah titik (dot) yang akan bergerak dengan rute tertentu. Selama melewati rute ini, dot tersebut akan menggambar garis mengikuti rute yang telah dilewati. 
Secara teknis, ini adalah pengembangan dari tutorial sebelumnya. Penasaran ?


Silakan download source-nya disini

Menampilkan Status dan Kapasitas Baterai Pada Flash Lite

0 komentar | Read more...
Senelumya saya pernah share mengenai pembuatan jam digital menggunakanflash lite 1.1. Kali ini saya akan share mengenai pembuatan aplikasi untuk menampilkan status baterai, dalam hal ini adalah kapasitas baterai yang akan ditampilkan secara visual dan teks.

Pertama buka program Macromedia Flash, tekan Ctrl+N pilih tipe dokumen Global Phones – FlashLite 1.1 .

Klik frame 1 layer Content.
Dengan menggunakan Rectangle Tool (R) buatlah sebuah persegi panjang.
Seleksi persegi panjang tersebut, lalu convert menjadi MovieClip (tekan F8 setelah persegi panjang diseleksi), perhatikan pula letak registration point-nya. 

Klik pada movieclip persegi panjang, buka panel properties, lalu beri instance name “baterai_mc” (tanpa tanda petik) .

Buat sebuah dynamic text menggunakan Text Tool dibawah persegi panjang, buka panel action lalu beri variabel “stat_txt” (tanpa tanda petik).


Buka frame 1 layer ActionScript, tekan F9 (membuka panel action). Masukkan perintah berikut :

// this ActionScript sets your content to be full screen
fscommand2("FullScreen", true);
//perintah untuk menangkap kapasitas baterai
batt_cap = fscommand2("GetBatteryLevel");
/*perintah untuk menampilkan status
baterai dalam bentuk grafis*/
baterai_mc._xscale = battcap;
/*perintah untuk menampilkan status baterai
dalam bentuk teks persentase*/
stat_txt = batt_cap add “%”;

Untuk mengujinya, harus pada perangkat mobile (HP) yang mempunyai flash player, minimal mendukung FlashLite 1.1 .
Sebelum memindahkan ke perangkat anda, publish terlebih dahulu swf-nya. Lalu pindahkan file swf ke perangkat mobile anda.
Untuk mengekspor flash menjadi swf, tekan tombol Shift+F12 atau klik menu File – Publish.

Demikian tutorial singkat mengenai FlashLite 1.1 . Semoga bermanfaat

Download source disini

Senin, 09 April 2012

Download Koleksi Komik Mice Cartoon

3 komentar | Read more...
Kebetulan saya nemu sebuah kumpulan komik Mice Cartoon pada photo album salah satu teman saya di facebook. Setelah saya baca ternyata cukup menggelitik dan berisi pesan-pesan moral.

Mice Cartoon adalah sebuah komik singkat yang berisi tentang kehidupan sehari-hari, politik dan budaya di masyarakat Indonesia. Namun jika dicermati, parodi-parodi dalam komik ini ada benarnya juga sehingga menjadi instropeksi diri. Jangan kaget ketika anda bisa "menjadi salah satu tokoh dalam komik ini".

Berikut contoh komik Mice Cartoon :



Download koleksi lainnya disini

Minggu, 08 April 2012

Animasi Perubahan Bentuk Pada Flash

0 komentar | Read more...

Kali ini saya akan share cara membuat animasi sederhana menggunakan fitur shape tween pada flash. Kali ini tidak ada coding sama sekali jadi, gak perlu mikir yang sulit sulit.
Pertama buka program Macromedia Flash, lalu buat document flash baru ActionScript 2.0
Klik frame 1 layer 1. Buat sebuah kotak atau bentuk apapun terserah anda. 

Konsep Dasar Pembuatan Timer Pada Flash (ActionScript 2.0)

2 komentar | Read more...
Sebelumnya saya pernah posting tentang pembuatan program penghitung waktu mundur, namun belum sempat saya jelaskan mengenai konsepnya secara detail. Nah, untuk mengetahuinya, perhatikan konsep sederhana berikut :


Pada animasi flash dikenal istilah frame dan fps (frame per second). Frame diibaratkan sebagai selembar kertas pada buku dan fps diibaratkan sebagai jumlah kertas yang dibuka dengan cepat selama 1 detik.

Members