Membuat Menu Utama pada Game dengan Construct 2

Pertama-tama, jika gambar tidak terlalu jelas maka klik kiri pada gambar atau klik kanan pada gambar lalu pilih Open image in new tab. Kedua, elo bisa baca artikel Membuat Game Tebak Gambar Sederhana dengan Construct 2, jika belum terlalu paham dengan langkah-langkah yang akan dijelasin di bawah

Asset yang dipakai:

Blue Button

1. Buatlah new project, lalu insert 2 buah object sprite(pilih blue button tersebut), text, dan 2 sprite font, kemudian aturlah posisinya sedemikian rupa hingga menjadi seperti ini.

2. Pada object text, ubahlah textnya menjadi "Main Menu" lalu atur horizontal alignment dan vertical alignment nya menjadi center. Ubah juga seperti itu pada object SpriteFont, yang pertama textnya adalah "Start", yang kedua adalah "Help".

3. Kemudian insert new object lagi, lalu pilih Mouse.

4. Pada tab Event Sheet 1, klik Add Event lalu pilih Mouse->Cursor is over object->pilih object Sprite(objek blue button tadi).

5. Klik Add Action pada event Mouse->pilih object Sprite->pilih set scale->atur scale menjadi 1.2.

6. Kemudian klik Add Action lagi ->pilih object SpriteFont->pilih set scale-> atur scale menjadi 1.2.

7. Setelah itu Add Event lagi->pilih System->pilih Else.

8. Klik Add Action pada event Else, lalu aturlah kembali scale Sprite dan SpriteFont menjadi 1.

9. Lakukan kembali langkah ke 5, 6, 7, dan 8 pada object Sprite2 dan SpriteFont2. Langkah-langkah ini akan membuat tombol "Start" dan "Help" menjadi lebih besar ketika cursor mouse berada pada tombol-tombol tersebut.

10. Buatlah 2 buah layout baru dengan cara klik kanan pada Layouts->Add Event Sheet.

11. Kembali lagi ke tab Event Sheet 1, klik Add Event->pilih Mouse->pilih On object clicked->pada Object clicked, pilih object Sprite.

12. Klik Add Action pada event tadi->pilih System->pilih Go to layout->pilih Layout 2

13. Lakukan langkah ke-11 pada object Sprite2, dan lakukan langkah ke-12 pada Layout 3

14. Pada tab Layout 2, insert new object->text->lalu buat text "Disini akan diisi game", dan juga pada Layout 3 buat text "Disini akan diisi petunjuk cara main".

15. Kembali ke Layout 1, lalu klik Run Layout, maka hasilnya akan seperti ini.

Tada!! Main Menu kita udah jadi.

Read more

Algoritma Pengurutan Apung dalam Bahasa C (Bubble Sort)

Algoritma pengurutan ini membandingkan dua buah elemen yang bersebelahan lalu dilakukan penukaran jika urutannya tidak sesuai. Perhatikan animasi di bawah ini.

http://en.wikipedia.org/wiki/Bubble_sort

Fungsi penukaran:

void tukar(int* x, int* y)
{
   int temp = *x;
   *x = *y;
   *y = temp;
}

Algoritma fungsi bubble sort:

// mengecek keseluruhan elemen dan dilakukan pengulangan hingga terurut

   // inisialisasi variabel penukaran menjadi 0, 

   // sebagai penanda bahwa tidak ada penukaran sebelumnya.

   // mengecek dua buah elemen hingga ujung array

      // jika elemen di sebelah kiri lebih besar dari elemen di sebelah kanan, 

      // maka terjadi penukaran
      
         // inisialisasi variabel penukaran menjadi 1, 

         // sebagai penanda bahwa terjadi penukaran.

// pengurutan terjadi selama terjadi penukaran pada setiap loop.

Menerjemahkan algoritma tersebut ke bahasa pemrograman C:

int penukaran;

// mengecek keseluruhan elemen dan dilakukan pengulangan hingga terurut
do
{
   // inisialisasi variabel penukaran menjadi 0, 

   // sebagai penanda bahwa tidak ada penukaran sebelumnya.
   penukaran = 0;



}
while (penukaran)
// pengurutan terjadi selama ada penukaran pada setiap loop.

// mengecek dua buah elemen hingga ujung array
for (int i = 0; i < length - 1; i++)
{
   // jika elemen di sebelah kiri lebih besar dari elemen di sebelah kanan, 
   // maka terjadi penukaran
   if (array[i] > array[i + 1])
   {
      tukar(&array[i], &array[i + 1]);

      // inisialisasi variabel penukaran menjadi 1, 
      // sebagai penanda bahwa terjadi penukaran
      penukaran = 1;
   }
}

Fungsi jadi:

void bubble_sort(int array[], int length)
{

   int penukaran;

   // mengecek keseluruhan elemen dan dilakukan pengulangan hingga terurut

   do
   {
      // inisialisasi variabel penukaran menjadi 0, 

      // sebagai penanda bahwa tidak ada penukaran sebelumnya.
      penukaran = 0;
      
     // mengecek dua buah elemen hingga ujung array
      for (int i = 0; i < length - 1; i++)
      {
         // jika elemen di sebelah kiri lebih besar dari elemen di sebelah kanan,

         // maka terjadi penukaran
         if (array[i] > array[i + 1])
         {
            tukar(&array[i], &array[i + 1]);

            // inisialisasi variabel penukaran menjadi 1, 

            // sebagai penanda bahwa terjadi penukaran
            penukaran = 1;
         }
      }
   }
   while (penukaran);
   // pengurutan terjadi selama ada penukaran pada setiap loop.
}

Program jadi:

#include <stdio.h>

void tukar(int* x, int* y)
{
   int temp = *x;
   *x = *y;
   *y = temp;
}

void bubble_sort(int array[], int length)
{
    int penukaran;

   // mengecek keseluruhan elemen dan dilakukan pengulangan hingga terurut
   do
   {
      // inisialisasi variabel penukaran menjadi 0, 

      // sebagai penanda bahwa tidak ada penukaran sebelumnya.
      penukaran = 0;

     // mengecek dua buah elemen hingga ujung array
      for (int i = 0; i < length - 1; i++)
      {
         // jika elemen di sebelah kiri lebih besar dari elemen di sebelah kanan,

         // maka terjadi penukaran
         if (array[i] > array[i + 1])
         {
            tukar(&array[i], &array[i + 1]);

            // inisialisasi variabel penukaran menjadi 1, 

            // sebagai penanda bahwa terjadi penukaran
            penukaran = 1;
         }
      }
   }
   while (penukaran);
   // pengurutan terjadi selama ada penukaran pada setiap loop.
}

int main()
{
    // input jumlah elemen;
    int num;
    printf("Input jumlah elemen: ");
    scanf("%d", &num);

    // input elemen-elemen data
    int data[num];
    for (int i = 0; i < num; i++)
    {
        printf("Elemen %d: ", i);
        scanf("%d", &data[i]);
    }

    // lakukan pengurutan
    bubble_sort(data, num);

    // tampilkan hasil pengurutan
    for (int i = 0; i < num; i++)
    {
        printf("%d ", data[i]);
    }
    return 0;
}

Animasi bubble sort

Read more

Membuat Game Tebak Gambar Sederhana dengan Construct 2

Pertama-tama, jika gambar tidak terlalu jelas maka klik kiri pada gambar atau klik kanan pada gambar lalu pilih Open image in new tab.

1. Buka Construct 2, lalu klik New Project

2. Pilih New empty project, lalu klik Open

3. Klik kanan, terus Insert new object

4. Pilih Text Box, insert new object lagi lalu pilih Button, insert new object lagi lalu pilih Text.

5. Aturlah posisi object tersebut sehingga seperti pada gambar di bawah. Kemudian pada Text, hapus tulisan "Text" tersebut dengan men-delete kata "Text" yang terdapat pada kotak berwarna merah.

6. Pada object Button, ubah tulisan "OK" menjadi "Cek".

7. Kemudian klik pada tab Event Sheet 1

8. Lalu klik Add Event

9. Pilih TextBox.

10. Kemudian pilih Compare Text.

11. Masukkan kata Cak Lontong seperti gambar di bawah, lalu klik Done.

12. Lalu klik kanan pada sembarang, kemudian klik Add global variabel

13. Ubah Name menjadi "salah" dan Initial value menjadi 0, lalu klik OK.

14. Kemudian klik Add action

15. Pilih System

16. Kemudian pilih Set value

17. Ubah value pada variabel "salah" menjadi 1, lalu klik Done. Kondisi ini berarti jika user meng-input "Cak Lontong" maka variabel salah bernilai 1 dan itu berarti bahwa user menebak gambar dengan benar

18. Klik kanan pada lingkaran merah, lalu pilih Add kemudian pilih Add Else' (X)

19. Klik add action pada event "Else" lalu pilih System kemudian pilih Set value dan ubah value pada variabel "salah" menjadi 0, sama seperti langkah sebelumnya. Arti dari kondisi ini bahwa jika user meng-input text selain "Cak Lontong" maka user salah menebak gambarnya.

20. Kemudian klik Add Event lalu pilih Button

21. Pilih On clicked

22. Pada event Button, klik Add another condition -> pilih System -> pilih Compare variabel.

23. Ubah value pada variabel "salah" menjadi 1 lalu klik Done

24. Lalu klik Add action kemudian pilih Text

25. Pilih Set text

26. Ketik pada Text "Jawaban kamu benar". Arti dari event ini adalah bahwa jika user menebak gambar dengan benar maka variabel salah = 1, sehingga akan muncul text "Jawaban kamu benar"

27. Lakukan seperti langkah sebelumnya dengan membuat Event jika user salah menebak gambar seperti ini

28. Pada tab Layout 1, klik kanan-> insert new object -> pilih sprite.

29. Lalu klik pada icon Load an image from a file

30. Uploadlah gambar di bawah ini

31. Atur ukuran gambar dengan ukuran yang sesuai dengan klik Resize

32. Aturlah width = 700 dan height = 250, sehingga hasilnya menjadi seperti ini, lalu klik Run layout

Dan game buatan kita akan tampil seperti ini jika dimainkan

This is our first simple game, semoga bermanfaat! :D

Lanjut ke artikel -> Membuat Menu Utama pada Game dengan Construct 2

Read more