Membuat Macam Gerakan Karakter dengan Actionscript 3.0

Hari ini saya akan membagikan tutorial tentang "Membuat Gerakan Karakter dengan Actionscript 3.0". Software yang saya gunakan tentunya adalah Adobe Flash cs 6. Berikut karakter yang pernah saya buat :

Membuat Gerakan Karakter dengan Actionscript 3.0
Membuat Gerakan Karakter dengan Actionscript 3.0
Diatas adalah karakter wanita yang diantaranya memiliki gerakan : pose diam, pose berjalan, pose menembak, pose terbang, pose mengeluarkan kekuatan, pose santai, dan pose melompat.

pose diam
pose diam (idle)

pose berjalan
pose berjalan (run)

pose menembak
pose menembak (Q)
pose terbang
pose terbang (W)
pose kekuatan
pose kekuatan (E)
pose tiduran
pose tiduran (santai)
pose melompat
pose melompat (jump)
Dan untuk banyak frame yang saya gunakan disini ada sebanyak 7 buah frame.

tujuh buah frame untuk membuat gerakan
tujuh buah frame untuk membuat gerakan
Tetapi, sebelum memasuki mode 7 frame ada satu frame pertama yaitu di scene1. 

scene 1 - layer As dan Karakter
scene 1 - layer As dan Karakter

Script layer as, seperti berikut ini :

stop();
fscommand("fullscreen","true")

var kanan:Boolean = false;
var kiri:Boolean = false;
var loncat:Boolean = false;
var jongkok:Boolean = false;
var skill1:Boolean = false;
var skill2:Boolean = false;
var skill3:Boolean = false;
var jumlah:int = 0;

karakter.addEventListener (Event.ENTER_FRAME,bergerak);
stage.addEventListener (KeyboardEvent.KEY_DOWN, tekantombol);
stage.addEventListener (KeyboardEvent.KEY_UP, lepastombol);

function tekantombol (event:KeyboardEvent):void{
switch (event.keyCode){
case Keyboard.RIGHT :{
kanan = true;break;
}
case Keyboard.LEFT :{
kiri = true;break;
}
case Keyboard.UP :{
loncat = true;break;
}
case Keyboard.DOWN :{
jongkok = true;break;
}
case Keyboard.Q:{
skill1 = true;break;
}
case Keyboard.W:{
skill2 = true;break;
}
case Keyboard.E:{
skill3 = true;break;
}
}
}
function lepastombol (event:KeyboardEvent):void{
   switch (event.keyCode){
      case Keyboard.RIGHT :{kanan = false;break;}
      case Keyboard.LEFT :{kiri = false;break;}
      case Keyboard.UP :{loncat = false;break;}
      case Keyboard.DOWN :{jongkok = false;break;}
      case Keyboard.Q:{skill1 = false;break;}
      case Keyboard.W:{skill2 = false;break;}
      case Keyboard.E:{skill3 = false;break;}
   }
}
function bergerak (event:Event){
karakter.x=karakter.x+jumlah;
   if(karakter.x>=900){karakter.x=-100;}
   if(karakter.x<=-105){karakter.x=890;}
   if (kanan){karakter.gotoAndStop("run"); karakter.scaleX=1;jumlah=4;}
   if (kiri){karakter.gotoAndStop("run"); karakter.scaleX=-1;jumlah=-4;}
   if (loncat){karakter.gotoAndStop("jump"); jumlah=0;}
   if (jongkok){karakter.gotoAndStop("santai"); jumlah=0;}
   if (skill1){karakter.gotoAndStop("poseQ"); jumlah=0;}
   if (skill2){karakter.gotoAndStop("poseW"); jumlah=0;}
   if (skill3){karakter.gotoAndStop("poseE"); jumlah=0;}
}

Nah, dari script diatas dapat Anda lihat script "case Keyboard.RIGHT" yaitu, script yang digunakan untuk menggerakan karakter ke kanan,

"case Keyboard.LEFT" untuk gerak ke kiri.
"case Keyboard.UP" untuk gerak ke atas atau melompat
"case Keyboard.DOWN" untuk gerak tiduran atau santai
"case Keyboard.Q" untuk gerak menembak
"case Keyboard.W" untuk gerak kekuatan
"case Keyboard.E" untuk gerak terbang.

Karakter akan bergerak ketika menekan salah satu tombol pada keyboard, dan tombol hanya berfungsi sekali tekan tanpa harus menahan tombol tersebut.
Membuat Macam Gerakan Karakter dengan Actionscript 3.0 Membuat Macam Gerakan Karakter dengan Actionscript 3.0 Reviewed by Ardy S on May 30, 2016 Rating: 5

6 comments:

  1. Mantap.
    Makin keren aja tutorial2nya.

    ReplyDelete
  2. liked!
    sorry oot, dimohon dengan sangat. buat preloader utk android app :-) please
    tutorial yang ada kebanyakan berumur lebih dari 4-5 tahun dan kebanyakan saya coba di android tdk memuaskan :-(
    terimakasih!
    bookmarked!

    ReplyDelete
  3. maksudnya tutorial preloader untuk app adobe air android ;-)

    ReplyDelete
    Replies
    1. Untuk saat ini postingan sy tentang photoshop gan.,ke android masih blum gan... next time :)

      Delete

Powered by Blogger.