Anda di halaman 1dari 10

ACTION SCRIPT SEDERHANA UNTUK FLASH

1. Action script untuk lagu


Pada frame di beri action seperti berikut:
================
musik = new Sound();
musik.attachSound(“morning glories”);
musik.start(0);
================
Pada libraries : untuk file yang akan di jadikan lagu klik kanan pilih linkage, Pastikan
musik.attachSound (“nama”) sama.

2. Action script untuk load movie


================
on (release, keyPress “<Enter>”) {
loadMovieNum(“standarkompetensi.swf”, 0);
}
================
Pastikan nama (“*.swf”, 0) sama dengan yang di file.

3. Action script untuk next dan prev frame baik bila di klik maupun lewat
keyboard
Untuk next frame
===============
on (release, keyPress “<Right>”) {
nextFrame();
}
===============

Untuk prev frame


===============
on (release, keyPress “<Left>”) {
nextFrame();
}
===============

Catatan: pastikan di setiap frame yang kita buat di beri action: stop();

4. Action script untuk tampilan menjadi full jika di play pertama kali lewat folder

fscommand(“fullscreen”, 1);

pastikan sama jika yang di pakai 1 maka selanjutnya juga harus 1.

5. Tombol play dan stop


Tombol play:
========
on (release) {
play();
}
========
Tombol stop:
==========
on (release) {
stop();
}
==========

Atau jika ingin di arahkan ke frame yang diinginkan:


Untuk tombol play:
===========
on (release) {
gotoAndPlay(8);
}
============

Untuk tombol stop:


=============
on (release) {
gotoAndStop(1);
}
=============

Kita tinggal mengganti angka dalam kurung (…) dengan frame yang kita inginkan.

6. Untuk tombol keluar


Jika di tekan langsung keluar, di beri action
===========
on(release){
fscommand(“quit”,1);
}
===========

Jika kita menginkan ada animasi terlebih dahulu, diberi action pada akhir animasi
atau akhir frame :
===========
fscommand(“quit”, true);

7. ActionScript menutup program


Pertama buat sebuah tombol / button / MovieClip. Seleksi button / MovieClip
tersebut. Tekan F9 atau klik Actions. Lalu tuliskan ActionScript berikut.
________________________________________________________________

on (release) {
fscommand(“quit”);
}
________________________________________________________________

// on (release) = Saat Mouse ditekan kemudia di lepaskan,


// fscommand(“quit”) = command untuk keluar.
8. ActionScript Membuat fullscreen
Ini adalah ActionScript untuk membuat program anda menjadi fullscreen.
Sama dengan langkah yang sebelumnya. Siapkan sebuah button / MovieClip. Lalu
tekan F9. Berikan ActionScript seperti ini ,
_______________________________________________________________

on (release) {
fscommand(“fullscreen”, true);
}
_______________________________________________________________

// on (release) = Saat Mouse ditekan kemudian di lepaskan,


// fscommand(“fullscreen”) = command untuk fullscreen, benar.

9. Disable ContextMenu
Apa itu ContextMenu? ContextMenu adalah menu yang ada saat kalian klik kanan
pada file flash kalian. Coaba kalian klik kanan , maka kalian akan menemukan
menu-menu seperti Zoom in, Zoom Out, Quality, dll. Jika kalian menggunakan
ActionScript seperti dibawah ini maka begitu kalian klik kanan, ContextMenu nya
hanya menjadi About Macromedia Flash Player, dan Setting.
Tekan F9 pada frame. Lalu tuliskan ActionScript ini.
________________________________________________________________

fscommand(“ShowMenu”, false);
________________________________________________________________

10. Aplikasi Jam Digital


Buat sebuah file flash dengan Background dan sebuah text, atur agar panjang
dari text bisa di isi dengan 6 Digit angka, lengkap dengan sparatornya.
Ubah propertis dari text menjadi Dinamic text dan pastikan mengganti nama
variabelnya dengan nama DisplayJam.
Tambahkan satu buah layer lagi untuk mengisi ActionScriptnya. Selanjutnya
pelajari dan masukkan ActionScript di bawah ini ke jendela ActionSript.
_root.onEnterFrame = function() {waktu = new Date(); Jam = waktu.getHours();
Menit = waktu.getMinutes();Detik = waktu.getSeconds(); if (Jam<10) { Jam =
“0″+Jam; } if (Menit<10) { Menit = “0″+Menit; } if (Detik<10) { Detik = “0″+Detik;
} DisplayJam =Jam+”:”+Menit+”:”+Detik;};

11. Script hujan


//membuat sebuah movie clip kosong yang berisi jatuh
_root.createEmptyMovieClip(“jatuh”, 1);
//mengatur width sama dengan width stage dikali 2.5
width = Stage.width*2.5;
with (jatuh) {
//membuat garis
lineStyle(1, 0xFFFFFF, 100);
lineTo(2, 10);
}
//membuat variable i dengan nilai kurang dari 250
for (i=0; i<50; i++) {
//duplikasi jatuh dengan nama baru garis_hujan+i
duplicateMovieClip(jatuh, “garis_hujan”+i, 10+i);
//posisi x garis_hujan sama dengan nilai acak panjang stage
_root["garis_hujan"+i]._x = random(Stage.width);
//posisi y garis_hujan sama dengan nilai acak lebar stage
_root["garis_hujan"+i]._y = random(Stage.height);
//nilai variable kecepatan garis hujan sama dengan nilai acak 30 ditambah 10</em>
_root["garis_hujan"+i].kecepatan = random(30)+10;
//nilai alpha`garis hujan sama dengan nilai acak 80 ditambah 20
_root["garis_hujan"+i]._alpha = random(80)+20;
}
onEnterFrame = function () {
//membuat variable i dengan nilai kurang dari 250
for (i=0; i<50; i++) {
//posisi x garis hujan ditambah variable kecepatan
_root["garis_hujan"+i]._y += _root["garis_hujan"+i].kecepatan;
//posisi y garis hujan ditambah variable kecepatan yang dibagi 4
_root["garis_hujan"+i]._x += _root["garis_hujan"+i].kecepatan/4;
//jika posisi x garis hujan lebih dari panjang stage
if (_root["garis_hujan"+i]._x>Stage.width) {
//posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi 2
_root["garis_hujan"+i]._x = random(width)-Stage.width/2;
//posisi y garis hujan berada di koordinat 0
_root["garis_hujan"+i]._y = 0;
}
//jika posisi y garis hujan lebih dari lebar stage
if (_root["garis_hujan"+i]._y>Stage.height) {
//posisi y garis hujan berada di koordinat 0
_root["garis_hujan"+i]._y = 0;
//posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi
2</em>
_root["garis_hujan"+i]._x = random(width)-Stage.width/2;
}
}
};
Membuat Game Tebak Kata
Tutorial kali ini sebenarnya masih sama dengan tutorial Membuat Game Edukasi
Hangman. Hanya saja di sini saya memakai input keyboard untuk menebak kata per kata-
nya.

Oke langsung saja, yang perlu anda lakukan di sini hanya lah merubah semua script yang ada
di frame 1 pada file Hangman.fla pada tutorial sebelumnya. atau bisa unduh file latihannya
di sini.

Ganti script pada frame 1 menjadi seperti berikut:

1 stop();
2 var phrase:String="bengkelflash"; //kata yang ditebak
var tampil:Array=new Array();
3 numWrong=5;
4 count=0;
5 petunjuk.text="Hint: Situs pembelajaran ilmu flash dan game programming";
6 for(i=0;i<phrase.length;i++)
7 {tampil.push("_");
8 count++;
9 if(phrase.charCodeAt(i)==32)
10{
11count--;
tampil[i]=" ";
12}
13}
14
15display.text=tampil;
16var keyListener:Object = new Object();
17keyListener.onKeyDown = function():Void {
kode=Key.getCode();
18char=String.fromCharCode(kode);
19cekKata(char);
20};
21Key.addListener(keyListener);
22
23function cekKata(char:String)
{
24kataTepat=false;
25for(i=0;i<phrase.length;i++)
26{
27if(tampil[i]!=char)
{
28//cek apakah karakter yg di input ada pada variable phrase?
29if(phrase.charAt(i).toLowerCase()==char.toLowerCase())
30{
31//jika iya, tampilkan
32tampil[i]=char;
display.text=tampil;
33kataTepat=true;
34count--;
35}
36}
}
37//jika kata yang di input salah, kurangi nilai numWrong
38if(!kataTepat)
39{
40numWrong--;
41}
//jika semua kata terjawab, anda menang
42if(count==0)
43{
44petunjuk.text="Anda Benar";
45}
46//jika toleransi kesalahan 0, anda kalah
if(numWrong==0)
47{
48petunjuk.text="Anda Gagal!";
49}
50}
51
52
53
54
55
56
57
58
59
60

Jalankan movie.
Kali ini kita akan mempelajari cara menggunakan fscommand. Ada 6 jenisnya tapi
kita hanya akan mempelajari 5 jenis saja.

1. fscommand fullscreen
Kegunaan : membuat flash movie/swf yang dimainkan menjadi fullscreen jika
nilainya true. Bagi anda yang menginginkan flash movie/swf tampil
fullscreen anda bisa menggunakan fscommand ini. Penulisannya :
1
fscommand("fullscreen", "true");
2. fscommand allowscale
Kegunaan : Ukuran konten di dalam swf tidak akan berubah walaupun ukuran
window swf diperbesar jika nilainya false. Penulisannya :
1
fscommand("allowscale", "false");
3. fscommand showmenu
Kegunaan : menghilangkan menu File, View, Control, Help dan jika swf diklik
kanan maka hanya muncul settings dan about jika nilainya true. Kelemahannya,
di swf akan sedikit muncul ruang kosong di bagian atas dan bawah / konten akan
terlihat sedikit mengecil. Penulisannya :
1
fscommand("showmenu", "false");
4. fscommand trapallkeys
Kegunaan : membuat pengguna tidak bisa menggunakan keyboard di swf yang
dimainkan jika nilainya true. Keyboard hanya bisa digunakan dengan actionscript
key (contohnya : if (Key.isDown(Key.BACKSPACE)) {} ). Penulisannya :
1
fscommand("trapallkeys", "true");
5. fscommand quit
Kegunaan : menutup swf yang dimainkan. Tidak ada nilainya. Penulisannya :
1
fscommand("quit", "");
Kelimanya dapat digunakan secara bersama-sama. Lihatlah nilai (true/false) masing-
masing sesuai keterangan di atas. Jika nilainya berupa kebalikannya (misalnya true
diubah menjadi false) maka kegunaannya adalah kebalikan dari kegunaan yang ditulis
di atas. Untuk mengetesnya apakah berjalan atau tidak, anda harus memainkan swf-
nya langsung (klik 2 kali swf yang akan dimainkan di Windows Explorer). Anda tidak
dapat mengetesnya melalui Test Movie.
[AS3]Membuat Animasi Typing Text
Mungkin anda yang suka main-main dengan slide presentasi power point sering
melihat efek animasi “typing text”. Typing Text merupakan animasi teks yang
memunculkan huruf demi huruf seakan-akan tulisan tersebut sedang di
ketik. Tutorial kali ini, saya akan mencoba membuat animasi Typing Text hanya
dengan menggunakan action script yang cukup sederhana.
1. Buat dokumen baru action script
2. Ubah warna stage menjadi warna hitam dengan masuk ke panel properties.

3. Aktifkan Text Tool (T), buat sebuah Teks Area dengan type Dynamic Text. Pada
bagian instance name, beri nama “display”. Pada bagian Line Type, pilih Multiline.
Lebih jelasnya lihat gambar di bawah ini :

4. Buka panel action, kemudian ketikan script berikut:

1 var myTeks:String="Masukan kata-kata anda di sini";


2 //variable myArray akan menampung data pada variable myTeks
3 var myArray:Array=myTeks.split("");
4 //event
5 addEventListener(Event.ENTER_FRAME, teksLoop);
6 function teksLoop(event:Event)
7 {
8 if(myArray.length>0)
9 {
10 //memunculkan huruf satu demi satu
11 display.appendText(myArray.shift());
12 }
13 else
14 {
15 removeEventListener(Event.ENTER_FRAME, teksLoop);
16 }
17 }

Untuk mengatur cepat atau lambatnya animasi teks, anda tinggal mengatur
kecepatan frame di panel properties pada bagian Frame rate.
[AS3]Membuat Animasi Efek Matriks
Pernahkah anda menonton film The Matrix Trilogy? Jika iya anda pasti pernah
melihat sebuah efek tulisan atau karakter berwarna hijau yang berjatuhan.
Sebenarnya efek tersebut dapat kita buat dengan flash dan action script.
Caranya mudah, disini anda tidak perlu menggunakan Tool apapun untuk membuat
nya. Anda cukup membuka panel action, bermain logika dan beberapa baris listing
program actionscript.
Ikuti langkah-langkah di bawah ini:

1. Buat dokumen baru.

2. Buka panel properties, ubah warna background stage menjadi hitam.

3. Buka panel action, ketikan script di bawah ini:


1 var matrix:Array=new Array();
2 addEventListener(Event.ENTER_FRAME, onframe);
3
4 for (var j:int=51; j>=1; j--)
5 {
6 //membuat objek teks dan menentukan jenis huruf
7 var t:TextField=new TextField();
8 var format:TextFormat = new TextFormat("Bookshelf Symbol 7",14,"0x00FF33");
9 t.defaultTextFormat = format;
10 //mengacak posisi huruf
11 t.y = Math.random()*300;
12 t.x=Math.random()*550;
13 addChild(t);
14 matrix.push(t);
15 }
16 function onframe(event:Event)
17 {
18 for (var i:int=1; i400)
19 {
20 matrix[i].y=0;
21 }
22 }
23 }

4. Selesai, jalankan program

Jika ingin mengganti jenis huruf, cukup ganti “Bookshelf Symbol 7″ dengan jenis
huruf yang anda inginkan.
Jika karakter yang jatuh berupa angka biner (1 dan 0) ganti baris program di bawah
ini:

1 var char:String = String.fromCharCode(Math.floor(Math.random() * 26) + 64);

menjadi :

1 var char:int=Math.round(Math.random()*1);
Typewriter Effect dengan ActionScript 2.0

Membuat efek animasi teks yang muncul huruf per huruf (seperti sedang ngetik)
sampai menjadi sebuah paragraf dapat kita buat dengan menulis beberapa baris
ActionScript. Siapkan terlebih dulu sebuah objek dynamic text dengan settingan
multiline, font yg khas, dan nama variable ‘tulisan’. Setelah itu tuliskan script ini di
frame utama:
1 var i:Number = 1;
2 var tulisan:String;
3 var tulisanFull:String = "Aden Priyonggo – Dunia Membutuhkan Kita";
4
5 this.createEmptyMovieClip("mesinTik", this.getNextHighestDepth());
6
7 mesinTik.onEnterFrame = function(){
8 if (i < tulisanFull.length) {
9 tulisan = tulisanFull.substring(0, i);
10 i++;
11 }
12 else {
13 tulisan = tulisanFull;
14 delete mesinTik.onEnterFrame;
15 }
16 }

Kuncinya adalah pada fungsi substring() yang dieksekusi secara berulang sehuruf
demi sehuruf hingga sebanyak jumlah huruf pada variable ‘tulisanFull’ (yg bertipe
String) dengan kecepatan pengulangan sesuai settingan FPS (karena fungsi
dijalankan setiap ‘onEnterFrame’) pada Flash movie yg dibuat.

TAMBAH KOTEKS MENU

stop();
function tambahMenu(){
getURL("http://adenpriyonggo.tk");
}
MENU = new ContextMenu();
MENU.hideBuiltInItems();
Functioned = new ContextMenuItem("Aden Priyonggo",tambahMenu);
MENU.customItems.push(Functioned);
_root.menu=MENU;

Anda mungkin juga menyukai