LATIAHAN BIKIN GAMES MENGGUNAKAN CONSTRUC 2

LATIAN BIKIN GAMES MENGGUNAKAN CONSTRUC 2

Terima kasih sudah memilih Construct 2! Saatnya mulai membuat permainan HTML5 pertama anda. Kita akan membuat 'Ghost Shooter' demo game. gamedemo Coba demo gamenya terlebih dahulu jadi anda akan mengerti tujuan yang akan dicapai : Seorang Pemain yang akan menghadap ke arah mouse, bergerak dengan menggunakan 'tombol panah', dan menembak musuh (monster) dengan menggunakan mouse. Anda akan mempelajari semua yang perlu diketahui untuk membuat sebuah game yang sederhana - dari cara memasukkan Layer hingga penggunaan sistem Event.

* Catatan: Harap jangan bertanya pada kolom komentar dalam tutorial ini! Akan lebih baik jika anda mengunjungi forum kami untuk mendapatkan jawaban terbaik dari pertanyaan-pertanyaan anda.

Tutorial-Tutorial Alternatif

Ada sebuah tutorial alternatif bagi pemula: Cara Membuat Platform Game, yang bertujuan untuk membuat 'lompatan-dan-lari pada sebuah platformer' daripada 'top down shooter'. Anda dapat memulai salah satu tutorialnya, akan tetapi kami sangat menyarankan agar anda menyelesaikan kedua tutorial tersebut untuk mendapatkan gambaran yang jelas tentang bagaimana membuat kedua game tersebut.

Ada juga Cara membuat Asteroid Clone di bawah 100 Event yang dibuat oleh Kyatric. Sedikit lebih menantang namun sangatrinci dalam pembuatannya.

Menginstall Construct 2

Jika anda belum memilikinya, segera dapatkan Construct 2 di sini . Construct 2 Editor hanya dapat digunakan pada Windows, akan tetapi permainan yang anda buat dapat dijalankan di berbagai platform, seperti Mac, Linux, dan iPad. Construct 2 juga dapat diinstal pada 'akun user yang terbatas. Sifatnya juga 'portabel', jadi anda bisa menginstallnya di USB Stick, dan bisa dibawa kemanapun!

Memulai

Sekarang Anda sudah siap, jalankan program Construct 2. Klik Tombol file , Dan Pilih New .
Pada pilihan New Project , Anda tidak perlu mengganti apapun. Cukup klik New empty project .
Construct 2 akan menyimpan keseluruhan data dalam satu file .capx . Sekarang Anda seharusnya sudah ada pada sebuah layout kosong - sebuah 'desain' dimana anda bisa membuat dan mengatur berbagai objek. Bayangkan saja halaman Layout sama seperti sebuah level dalam permainan atau halaman menunya. Pada program game developer yang lain, Layout dapat berupa room, scene atau frame.

Memasukan Objek

Tiled Background

Hal pertama yang ingin kita lakukan adalah memasukkan background'. Objek Tiled Backgroundlah yang dapat berfungsi sebagai background. Pertama, silakan Anda simpan terlebih dahulu gambar berikut ke dalam sebuah folder - click Kanan Dan simpan ke sebuah folder:
Sekarang, Klik 2x ruang kosong pada Layout untuk memasukkan objek baru. (Selanjutnya, jika Sudah Penuh, dapat juga dilakukan dengan cara click kanan dan pilih Insert New Object.) Saat jendela Insert New Object muncul, Klick 2x pada Tiled Background untuk memasukkannya.

Open full size image

Sebuah tanda + (disebut crosshair) akan muncul menunjukkan di mana kita akan menempatkan objeknya . Klik dimanapun di tengah Layout. Sekarang jendela Texture Editor muncul, Anda dapat memasukan tekstur (gambar) menjadi gambar 'tile'. Impor atau masukkan 'tile image' yang anda simpan sebelumnya. Klik icon folder untuk memasukkan file, cari di mana Anda menyimpannya tadi, dan pilih gambar tersebut.
Tutup jendela Texture Editor dengan cara click tanda X pada bagian paling atas sebelah kanan. Sebagai saran, Pastikan Anda telah menyimpan datanya! Sekarang Anda akan melihat objek Tiled Background yang telah Anda masukkan ke dalam Layout. Saatnya mengubah ukurannya sehingga memenuhi Layout permainan. Pastikan objek tersebut telah terseleksi, lalu di sebelah kiri akan muncul Properties Bar yang menunjukkan semua pengaturan untuk objek tersebut, termasuk ukuran dan posisinya. Atur posisinya menjadi 0, 0 (Layout paling atas sebelah kiri), Dan ukurannya menjadi 1280, 1024 (ukuran Layout).
Saatnya meninjau pekerjaan kita. Tahan control dan scroll mouse ke bawah untuk zoom out. Cara alternatif, click viewt - zoom out beberapa kali. Anda dapat juga menekan tombol spasi, atau tombol tengah pada mouse, untuk menggeser. Mudah, kan? Tiled Background Anda kini telah memenuhi seluruh isi Layout:

Open full size image

Tekan kombinasi tombol CTRL + 0 atau click view - zoom to 100% untuk kembali ke sudut pandang 1:1.

(!! Jika kamu tipe orang yang 'tidak sabaran' seperti saya, klik icon kecil 'run' pada bar judul Jendela - browser anda akan menampilkan tile Layout sesuai sesuai yang telah Anda buat! Woo Senangnya :D)

AYO LATIHAN BERSAMA