Membuat Permainan Bola Mengambang (Floaty Ball)

Flash Tutorial - adobe flash cs


Masih dengan suasana tentang bagaimana cara membuat game menggunakan Adobe flash professional 6, actionscript 3.0. Tidak bosan-bosannya saya membahas tentang pembuatan game dengan adobe flash, walaupun Adobe Flash saat ini bisa dikatakan sudah tidak lagi dipublish-kan ke web karena tidak mendukung HTML 5. Versi Flash terdahulu (saat ini) memang terlalu banyak memakan banyak memori, flash masih banyak digunakan dalam pembuatan video animasi dan game kecil-kecilan untuk Android dan komputer. Pihak Adobe sendiri masih mengembangkan flash dengan versi terbarunya yaitu yang  bernama Adobe Animate cc.

Tentang Game Bola Mengambang


Floaty ball
permainan Floaty ball

Bagaimana cara membuat game bola mengambang?
Di tutorial kali ini saya tidak akan banyak membahasnya. Langsung saja ke lembar kerja :


tampilan kerja game bola mengambang
Gambar 1 - tampilan kerja game bola mengambang

Pada lembar kerja dapat Anda lihat sebuah layer, yaitu Layer 1. Pada Layer 1 akan digunakan sebagai tempat frame-action, dimana action inilah yang akan digunakan untuk menggerakkan obyek bola dan yang akan membuat arena permainan.

Penggalan script :

_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;
};


~ Tekan Ctrl+Enter untuk running program.

Gambar 2 - Game bola mengambang
Gambar 2 - Game bola mengambang

Seperti yang Anda lihat pada gambar diatas, terdapat arena game, obyek bola, dan obyek panah. Arena berfungsi sebagai pembatas bola, apabila bola bertubrukan/bertabrakan dengan arena maka permainan akan diulangi (kembali pada posisi star). Obyek panah sebagai penyeimbang bola atau sebagai pemberi gerak bola agar bola tak menyentuh arena, click mouse untuk menggerakkan bola.

Tutorial bisa Anda download di link dibawah ini :
Download file game bola mengambang (floaty ball)

Flash tutorial || Game tutorial || keyboardEvent || actionscript (case)

Membuat Permainan Bola Mengambang (Floaty Ball) Membuat Permainan Bola Mengambang (Floaty Ball) Reviewed by Ardy S on January 08, 2016 Rating: 5

4 comments:

  1. wah tutorial gratis nih hehehe. Nice share gan :)

    ReplyDelete
  2. Wiih pakai adobe flash action script 3. Nanti mau dicoba ah. Udah lama nggak mainan adobe flash :D

    ReplyDelete

Powered by Blogger.