Membuat Grid Dinamis dengan Class Actionscript 3.0

Membuat Grid Dinamis dengan Class Actionscript 3.0
Membuat Grid Dinamis dengan Class Actionscript 3.0



Grid Dinamis adalah metode yang paling di manfaatkan dalam pembuatan game. Metode sering kita jumpai pada permainan susun angka, game puzzle, dan sebagainya. Grid adalah suatu metode yang digunakan untuk membuat kolom dan baris diatas stage/lembar bermain.

Berikut penulisan script Grid dengan 5 kolom 3 baris.

1. Pertama buatlah class "kotak" pada library Anda.
2. Kemudian untuk class-nya tuliskan seperti dibawah ini:
(penulisan class harus dengan dokumen baru "file actionscript 3.0")

function buatGrid(jlhKol:int, jlhBar:int)
{
    gridContainer= new MovieClip();
    addChild(gridContainer);

    var i:int = 0;
    var jlhItem:int = jlhKol * jlhBar;
    var kol:int = 0;
    var bar:int = 0;
    var jarak:int = 2;
    
    var margin:int = 0;
    var centerX:int = stage.stageWidth/2;
    var centerY:int = stage.stageHeight/2

    for (i; i < jlhItem; i++)
    {
        var kotak:Kotak = new Kotak();
        kotak.x = margin + kol * (kotak.width+jarak);
        kotak.y = margin + bar * (kotak.height+jarak);
        kol++;
        gridContainer.addChild(kotak);    
        if (kol >= jlhKol)
        {
            kol = 0;
            bar++;
        }
    }
    gridContainer.x = centerX - gridContainer.width/2;
    gridContainer.y = centerY - gridContainer.height/2;
}

Jika menginginkan kotak memiliki nama bedasarkan jumlahnya:

kotak.name = "kotak" + i;
Jika berdasarkan kolom dan baris:
kotak.name = kol +"_"+ bar;


Dibandingkan metode nested loops (berdasarkan jumlah kolom dan baris yang mesti diketahui di awal), metode ini lebih fleksibel dan memudahkan. Seandainya grid yang kita inginkan berdasarkan jumlah item, kita bisa menggantinya dengan:
function buatGrid(jlhItem:int, jlhKol:int)

Lalu membuat grid dengan jumlah item 33 dg 6 kolom:
buatGrid(33,6)



Membuat Grid Dinamis dengan Class Actionscript 3.0 Membuat Grid Dinamis dengan Class Actionscript 3.0 Reviewed by Ardy S on June 25, 2015 Rating: 5

No comments:

Powered by Blogger.