ACTION SCRIPT SEDERHANA UNTUK FLASH
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.
Action script untuk load movie
================
on (release, keyPress "
") {
loadMovieNum("standarkompetensi.swf", 0);
}
================
Pastikan nama ("*.swf", 0) sama dengan yang di file.
Action script untuk next dan prev frame baik bila di klik maupun lewat keyboard
Untuk next frame
===============
on (release, keyPress "") {
nextFrame();
}
===============
Untuk prev frame
===============
on (release, keyPress "") {
nextFrame();
}
===============
Catatan: pastikan di setiap frame yang kita buat di beri action: stop();
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.
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.
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);
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.
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.
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);
________________________________________________________________
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;};
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
_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
_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
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
stop();
var phrase:String="bengkelflash"; //kata yang ditebak
var tampil:Array=new Array();
numWrong=5;
count=0;
petunjuk.text="Hint: Situs pembelajaran ilmu flash dan game programming";
for(i=0;i
{
tampil.push("_");
count++;
if(phrase.charCodeAt(i)==32)
{
count--;
tampil[i]=" ";
}
}
display.text=tampil;
var keyListener:Object = new Object();
keyListener.onKeyDown = function():Void {
kode=Key.getCode();
char=String.fromCharCode(kode);
cekKata(char);
};
Key.addListener(keyListener);
function cekKata(char:String)
{
kataTepat=false;
for(i=0;i
{
if(tampil[i]!=char)
{
//cek apakah karakter yg di input ada pada variable phrase?
if(phrase.charAt(i).toLowerCase()==char.toLowerCase())
{
//jika iya, tampilkan
tampil[i]=char;
display.text=tampil;
kataTepat=true;
count--;
}
}
}
//jika kata yang di input salah, kurangi nilai numWrong
if(!kataTepat)
{
numWrong--;
}
//jika semua kata terjawab, anda menang
if(count==0)
{
petunjuk.text="Anda Benar";
}
//jika toleransi kesalahan 0, anda kalah
if(numWrong==0)
{
petunjuk.text="Anda Gagal!";
}
}
Jalankan movie.
Kali ini kita akan mempelajari cara menggunakan fscommand. Ada 6 jenisnya tapi kita hanya akan mempelajari 5 jenis saja.
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");
fscommand allowscale
Kegunaan : Ukuran konten di dalam swf tidak akan berubah walaupun ukuran window swf diperbesar jika nilainya false. Penulisannya :
1
fscommand("allowscale", "false");
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");
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");
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var myTeks:String="Masukan kata-kata anda di sini";
//variable myArray akan menampung data pada variable myTeks
var myArray:Array=myTeks.split("");
//event
addEventListener(Event.ENTER_FRAME, teksLoop);
function teksLoop(event:Event)
{
if(myArray.length>0)
{
//memunculkan huruf satu demi satu
display.appendText(myArray.shift());
}
else
{
removeEventListener(Event.ENTER_FRAME, teksLoop);
}
}
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var matrix:Array=new Array();
addEventListener(Event.ENTER_FRAME, onframe);
for (var j:int=51; j>=1; j--)
{
//membuat objek teks dan menentukan jenis huruf
var t:TextField=new TextField();
var format:TextFormat = new TextFormat("Bookshelf Symbol 7",14,"0x00FF33");
t.defaultTextFormat = format;
//mengacak posisi huruf
t.y = Math.random()*300;
t.x=Math.random()*550;
addChild(t);
matrix.push(t);
}
function onframe(event:Event)
{
for (var i:int=1; i400)
{
matrix[i].y=0;
}
}
}
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var i:Number = 1;
var tulisan:String;
var tulisanFull:String = "Aden Priyonggo – Dunia Membutuhkan Kita";
this.createEmptyMovieClip("mesinTik", this.getNextHighestDepth());
mesinTik.onEnterFrame = function(){
if (i < tulisanFull.length) {
tulisan = tulisanFull.substring(0, i);
i++;
}
else {
tulisan = tulisanFull;
delete mesinTik.onEnterFrame;
}
}
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;