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.
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 masukkanpemain 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 :
//membuat variable kecepatan dengan nilai 2
kecepatan = 2;
//membuat variable angka dengan nilai 1
angka = 1;
//perintah yang dijalankan jika frame pada movie clip pemain dimainkan
pemain.onEnterFrame = function(){//jika tombol panah kiri pada keyboard ditekanif(Key.isDown(Key.LEFT)){//koordinat x movie clip ini dikurangi nilai variable kecepatanthis._x -= kecepatan;
//nilai variable angka dikurangi 1
angka--;
//jika nilai variable angka kurang dari 1if(angka<1){//ubah nilai variable angka menjadi jumlah frame pada timeline scene 1
angka = _totalframes;
}}//jika tombol panah kanan pada keyboard ditekan if(Key.isDown(Key.RIGHT)){//koordinat x movie clip ini ditambah nilai variable kecepatanthis._x += kecepatan;
//nilai variable angka ditambah 1
angka++;
//jika nilai variable angka lebih dari jumlah frame pada timeline scene 1if(angka>_totalframes){//ubah nilai variable angka menjadi 1
angka = 1;
}}//jika tombol panah atas pada keyboard ditekan if(Key.isDown(Key.UP)){//koordinat y movie clip ini dikurangi nilai variable kecepatanthis._y -= kecepatan;
}//jika tombol panah bawah pada keyboard ditekan if(Key.isDown(Key.DOWN)){//koordinat y movie clip ini ditambah nilai variable kecepatanthis._y += kecepatan;
}//mainkan frame pada scene 1 sesuai nilai pada variable angka gotoAndStop(angka);
};
6. Tekan Ctrl+Enter untuk melihat hasilnya.
7. Tekan tombol panah kanan/kiri untuk menggerakkan pemain dan bakground ke kanan/ke kiri. Tekan tombol panah atas/bawah untuk menggerakkan pemain ke atas/ke bawah.
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.
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 masukkanpemain 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 :
//membuat variable kecepatan dengan nilai 2
kecepatan = 2;
//membuat variable angka dengan nilai 1
angka = 1;
//perintah yang dijalankan jika frame pada movie clip pemain dimainkan
pemain.onEnterFrame = function() {
//jika tombol panah kiri pada keyboard ditekan
if (Key.isDown(Key.LEFT)) {
//koordinat x movie clip ini dikurangi nilai variable kecepatan
this._x -= kecepatan;
//nilai variable angka dikurangi 1
angka--;
//jika nilai variable angka kurang dari 1
if (angka<1) {
//ubah nilai variable angka menjadi jumlah frame pada timeline scene 1
angka = _totalframes;
}
}
//jika tombol panah kanan pada keyboard ditekan
if (Key.isDown(Key.RIGHT)) {
//koordinat x movie clip ini ditambah nilai variable kecepatan
this._x += kecepatan;
//nilai variable angka ditambah 1
angka++;
//jika nilai variable angka lebih dari jumlah frame pada timeline scene 1
if (angka>_totalframes) {
//ubah nilai variable angka menjadi 1
angka = 1;
}
}
//jika tombol panah atas pada keyboard ditekan
if (Key.isDown(Key.UP)) {
//koordinat y movie clip ini dikurangi nilai variable kecepatan
this._y -= kecepatan;
}
//jika tombol panah bawah pada keyboard ditekan
if (Key.isDown(Key.DOWN)) {
//koordinat y movie clip ini ditambah nilai variable kecepatan
this._y += kecepatan;
}
//mainkan frame pada scene 1 sesuai nilai pada variable angka
gotoAndStop(angka);
};
6. Tekan Ctrl+Enter untuk melihat hasilnya.
7. Tekan tombol panah kanan/kiri untuk menggerakkan pemain dan bakground ke kanan/ke kiri. Tekan tombol panah atas/bawah untuk menggerakkan pemain ke atas/ke bawah.
Langkah-langkahnya: 01. Masuk warnet dan pasang muka bego biar ga dicurigai operator 02. Pastikan selain box/bilik yang kita tempati masih ada box lain yang kosong. Biar ga dicurigai juga sih. 03. Usahakan cari tempat yang jauh dari op, supaya ga ketahuan box kamu kosong apa nggak. 04. Nyalakan kompi dihadapan anda bila masih dalam keadaan mati. 05. Saat masuk login screen, login aja seperti biasa. 06. Jalankan ZHider yang sudah disiapkan di disket/flashdisk. Kalo belom ada, cari aja pake google. 07. Setelah ZHider dijalankan langsung aja logout. 08. Naah, di login screen ini kita mulai aksi mendebarkan kita. Tekan Ctrl+Alt+Z.. Jreeeng, login screen telah menghilang !!! 09. Browsinglah sepuasnya, tapi tetap pastikan ada box lain yang kosong. Kan aneh kalau ada yang masuk warnet, dia lihat udah penuh. Padahal di billing server kelihatan masih ada yang belum login. 10. Kalo sudah puass tekan Ctrl+Alt+x untuk memunculkan kembali login screen yang menghilang entah kemana:) 11. Login seperti biasa dan browsing beberapa menit sampai penunjuk tarif sampai ke angka yang kita kehendaki. Ini supaya ga dicurigai. 12. Logout. SIapkan muka bego, lalu bayar tarif. Cara ini lebih mudah dilalukan bila si operator ga terlalu kenal sama kamu. Apalagi bila si operator sering keluyuran. Ini beberapa hotkey ZHider yang bisa digunakan, untuk hotkey lainnya silakan baca file readme yang disertakan bersama zhider CTRL+ALT+Z Menyembunyikan jendela aktif CTRL+ALT+X Menampilkan kembali semua jendela yang disembunyikan CTRL+ALT+L Menampilkan dialog zhider CTRL+ALT+M Menampilkan kembali semua jendela yang disembunyikan, dan juga menutup zhider. Kalo cara di atas ga bisa dilakuin, hentikanlah usahamu. Sesungguhnya perbuatan jahatmu tidak diridhai Tuhan Kalo ketahuan langsung pertebal "muka bego"-mu. Misalnya bilang "Eh, kok jadi gini ya? Kemaren ga gini kok." Ato kata-kata lain, tergantung kreatifitas anda.
Untuk memulai menuliskan actionscript, sebelumnya kita perlu membuat flash file terlebih dahulu. Apa itu flash file? Bagi yang terbiasa menggunakan flash 8 anda mengenalnya dengan istilah flash document, tapi mulai flash cs3 kita akan menggunakan istilah flash file. Berbeda nama tetapi maksudnya sama, intinya kita membuat sebuah file berekstensi fla.
Berbeda dengan flash versi sebelumnya (flash 8 ke bawah), mulai flash cs3 ke atas kita dapat memilih flash file untuk actionscript 2 atau actionscript 3. Sebelum mulai membuat silahkan tentukan dari awal, apakah anda mau menggunakan actionscript 2 atau actionscript 3. Karena jika anda memilih flash file untuk actionscript 2, anda tidak bisa menuliskan dan menjalankan actionscript 3 didalamnya. Begitu juga sebaliknya, jika anda memilih flash file untuk actionscript 3, anda tidak bisa menuliskan dan menjalankan actionscript 3 didalamnya.
Untuk mempermudah mempelajarinya kita akan mengambil contoh tampilan dari Flash CS3.
1. Bukalah Flash CS3.
2. Anda akan melihat tampilan seperti di bawah ini :
3. Karena kita akan menggunakan actionscript 3, silahkan pilih Flash File (ActionScript 3.0)
4. Sebuah flash file akan terbuka dan siap untuk digunakan.
Selain dari cara yang di atas, anda juga dapat membuat flash file melalui menu bar. Caranya seperti ini :
1. Bukalah Flash CS3.
2. Pilih menu bar File>New atau bisa juga langsung menekan tombol Ctrl+N pada keyboard.
3. Sebuah panel New Document seperti gambar di bawah ini akan muncul :
4. Silahkan pilih Flash File (ActionScript 3.0) lalu tekan ok.
5. Sebuah flash file akan terbuka dan siap untuk digunakan.
Ok, marilah kita mulai saja, caranya adalah sebagai berikut : 1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini. 2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan klik Check Availability. 3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >> Manage Domain dan klik Setup 4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu 2>> Zona Record 5. Isi add record dengan isian sebagai berikut : Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc TTL : 1 D (tidak perlu dirubah) Type : cname Value : ghs.google.com 6. Kemudian klik Setup Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger: 1. Masuk / login ke blogger.com. 2. Masuk menu setting >>> Publishing 3. Kemudian pilih “Switch to: • Custom Domain” 4. Klik already “Already own a domain? Switch to advanced settings” 5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi. 6. Use a missing files host? pilih No. 7. Masukan Word Verivication dan klik Save setting. Yapzz, sudah selesai, mudah bukan. Blog kita sekarang sudah berganti nama domain menjadi co.cc, tinggal menunggu proses sinchronisasinya dari co.cc ke Blogspot maksimal 24 jam setelah itu kita sudah bisa mengakses url blogspot.com anda dengan nama domain co.cc yang telah kita buat tadi.
Ok, marilah kita mulai saja, caranya adalah sebagai berikut : 1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini. 2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan klik Check Availability. 3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >> Manage Domain dan klik Setup 4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu 2>> Zona Record 5. Isi add record dengan isian sebagai berikut : Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc TTL : 1 D (tidak perlu dirubah) Type : cname Value : ghs.google.com 6. Kemudian klik Setup Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger: 1. Masuk / login ke blogger.com. 2. Masuk menu setting >>> Publishing 3. Kemudian pilih “Switch to: • Custom Domain” 4. Klik already “Already own a domain? Switch to advanced settings” 5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi. 6. Use a missing files host? pilih No. 7. Masukan Word Verivication dan klik Save setting. Yapzz, sudah selesai, mudah bukan. Blog kita sekarang sudah berganti nama domain menjadi co.cc, tinggal menunggu proses sinchronisasinya dari co.cc ke Blogspot maksimal 24 jam setelah itu kita sudah bisa mengakses url blogspot.com anda dengan nama domain co.cc yang telah kita buat tadi.
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 riaksebagai 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 kemudian tekan F6. Ubah ukuran movie clip garis_lingkaran pada frame 15 menjadi seperti di bawah ini :
6. Pastikan anda masih menyeleksi movie clip garis_lingkaran di frame 15 kemudian tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Alpha 0%.
7. Klik kanan frame 1 dan pilih Create Motion Tween. Seleksi frame 15 kemudian tekan F9. Pada panel actionsyang muncul masukkan script berikut :
1
stop();
8. Tekan Ctrl+E untuk kembali ke stage scene 1. Hapus movie clip riak yang ada di stage.
9. Buatlah sebuah garis miring berwarna hitam. Seleksi garis ini kemudian tekan F8. Pada panel yang muncul masukkan garis_miring sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.
10. Seleksi movie clip garis_miring di stage kemudian tekan F8. Pada panel yang muncul masukkan hujansebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.
11. Klik kanan movie clip hujan kemudian pilih Edit. Anda akan masuk ke dalam stage movie clip hujan. Ubah bentuk dan posisi movie clip garis_miring menjadi seperti di bawah ini :
12. Klik kanan frame 14 kemudian tekan F6. Ubah letak movie clip garis_miring di frame 14 seperti gambar di bawah ini :
13. Seleksi frame 15 kemudian tekan F7. Pastikan anda masih berada di frame 15 kemudian tekan Ctrl+L. Padapanel library yang muncul drag movie clip riak ke dalam stage dan letakkan ditengah-tengah titik registration seperti gambar di bawah ini :
14. Seleksi movie clip riak di frame 15 kemudian pada panel properties masukkan riak sebagai instance name. Klik frame 15 kemudian pada panel actions masukkan script berikut :
1
stop();
15. Klik kanan frame 1 kemudian pilih Create Motion Tween. Jika sudah tekan Ctrl+E untuk kembali ke stagescene 1. Hapus movie clip hujan yang ada di stage.
16. Klik kanan movie clip hujan yang ada di panel library kemudian pilih Linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan hujan sebagai identifier kemudian tekan ok.
17. Klik frame 1 dan pada panel actions masukkan script berikut :
//membuat variable waktu dengan nilai 0
waktu = 0;
//perintah yang dijalankan ketika frame ini dimainkan
onEnterFrame = function () {
//nilai variable waktu ditambah 1
waktu++;
//jika nilai variable waktu sama dengan 2
if (waktu == 2) {
//masukkan movie clip dengan identifier hujan ke dalam stage dengan instance name hujan pada kedalaman paling atas, pada p0sisi x sesuai nilai acak 300 yang ditambah 50 dan posisi y sesuai nilai acak 300 yang ditambah 50
hujan = attachMovie("hujan", "hujan", _root.getNextHighestDepth(), {_x:random(300)+50, _y:random(350)+50});
//perintah yang dijalankan ketika frame pada movie clip hujan dimainkan
hujan.onEnterFrame = function() {
//jika movie clip ini berada di frame 10 dan movie clip riak yang terdapat di dalam movie clip ini berada di frame 15
if (this._currentframe == 10 && this.riak._currentframe == 15) {
//hapus movie clip ini dari stage
this.removeMovieClip();
}
};
//ubah nilai variable waktu menjadi 0
waktu = 0;
}
};