Floating Game

Hi guys,. Tutorial kali ini saya akan menjelaskan bagaimana cara membuat Floating Game. Apa itu Floating Game. ?
Floating Game adalah sebuah permainan flash sederhana dimana terdapat sebuah obyek melayang (bergerak kebawah) dengan ringan, objek ditempatkan pada arena yang terdapat banyak dinding. Apabila obyek menyentuh dinding tersebut maka obyek tersebut akan kembali ke posisi awal.

Game ini dibuat menggunakan Adobe Flash cs 5 dan menggunakan Actionscript 2.0. Berikut tampilan dari  Floating game.

gambar 1. Floating Game

Untuk membuat game ini, ada beberapa hal yang harus disiapkan. Seperti tempat (arena), Bola, dan Panah.Untuk arena dibuat seperti pada gambar diatas dengan menggunakan Rectangle tool, Obyek bola dibuat menggunakan Oval tool, dan Obyek panah dibuat menggunakan Rectangle tool dan obyek dibuat berbentuk segitiga. 
Masing-masing obyek diubah kebentuk Movie Clip. Setelah obyek diubah ke Movie clip selanjutnya adalah memberikan nama pada linkage obyek movie clip. Melakukan linkage dapat dilakukan seperti dibawah ini :
  1. Obyek yang berada pada library tekan klik kanan (misalkan obyek bola) --> pilih Property --> pilih advenced untuk menampilkan nama linkage.
  2. Kemudian mengisi nama pada identifier.
  3. Pilih Ok.
Dapat dilihat seperti pada gambar dibawah.

gambar 2. Library


gambar 3. Properties

gambar 4. Symbol Properties

Kembali ke lembar kerja (scene 1). Obyek yang terdapat pada lembar kerja dihapus dan hanya menyisakan 1 buah layer, yaitu layer 1. Pada layer 1 ini akan kita berikan Actionscript. Berikut Penggalan Actionscript dari permainan Floating game.

  _root.attachMovie("ball", "ball", _root.getNextHighestDepth(), {_x:50, _y:50});
  _root.attachMovie("wall", "wall", _root.getNextHighestDepth(), {_x:240, _y:200});
  _root.attachMovie("arrow", "arrow", _root.getNextHighestDepth());
  moving = false;
  gravity = 0.01;
  xspeed = 0;
  yspeed = 0;
  precision = 24;
  radius = 15;
  Mouse.hide();
  arrow.onEnterFrame = function() {
this._x = _xmouse;
this._y = _ymouse;
dist_x = ball._x-this._x;
dist_y = ball._y-this._y;
total_dist = Math.sqrt(dist_x*dist_x+dist_y*dist_y);
if (total_dist>300) {
total_dist = 300;
}
total_dist = (300-total_dist)/500;
angle = Math.atan2(dist_y, dist_x);
this._rotation = angle*57.2957795;
  };
  ball.onEnterFrame = function() {
if (moving) {
dir = arrow._rotation;
xspeed += total_dist*Math.cos(dir*0.0174532925);
yspeed += total_dist*Math.sin(dir*0.0174532925);
}
yspeed += gravity;
this._x += xspeed;
this._y += yspeed;
xspeed *= 0.99;
yspeed *= 0.99;
for (x=1; x<precision; x++) {
spot_x = this._x+radius*Math.sin(x*360/precision*0.0174532925);
spot_y = this._y-radius*Math.cos(x*360/precision*0.0174532925);
if (wall.hitTest(spot_x, spot_y, true)) {
xspeed = 0;
yspeed = 0;
this._x = 50;
this._y = 50;
}
}
  };
  _root.onMouseDown = function() {
moving = true;
  };
  _root.onMouseUp = function() {
moving = false;
 };


Selamat mencoba.





Floating Game Floating Game Reviewed by Ardy S on January 23, 2013 Rating: 5

No comments:

Powered by Blogger.