Panduan pemula menggunakan Construct 2

Favourite 1289 favourites
Tutorial written by AshleyOriginally published on 26th, June 2011 - 50 revisions

Translation Team:

22 total revisions

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 .https://www.scirra.com/images/articles/filenew.png
Pada pilihan New Project , Anda tidak perlu mengganti apapun. Cukup klik New empty project . https://www.scirra.com/images/articles/newprojdialog65.png
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.Jendela Insert New Object


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.https://www.scirra.com/images/articles/loadtexturefromfile.png
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).https://www.scirra.com/images/articles/tiledproperties.png
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:https://www.scirra.com/images/articles/tiledui.jpg
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)

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Comments

0
thama 1,029 rep

tutorial yang bagus :)
berharap saya bisa ikut berkontribusi untuk translasi tutorial ini :)

Monday, August 26, 2013 at 7:41:38 AM
4
Icha 424 rep

Bagaimana cara membuat agar pemainnya mati ketika tersentuh/tabrak oleh monster (nyawa pemain 3). Kemudin saat pemain mati akan timbul exlosion dan hilang(pemain mati)..
Ketika pemain mati otomatis keluar text "game over".
dan bagaimana cara memasukan efek suara tembakannya..
Terima ksih :)

Friday, February 07, 2014 at 9:56:23 AM
0
Dai 327 rep

bermamfaat sekali guyz
salam knal saya dai

Monday, June 09, 2014 at 4:59:24 AM
1
roejixes 157 rep

sangat memberi gambaran di otak saya, THANKS
lebih semangat,,,, GOOOOOOOOOO

Wednesday, June 01, 2016 at 4:20:00 AM
0
avors54345 204 rep

thx I like it and it helped alot

Friday, July 08, 2016 at 2:38:07 AM
0
alyta 527 rep

mau nanya kakak/abang, bagaimana cara membuat perubahan gambar pada permainan, seperti permainan masak memasak, kita drag wajan ke meja kerja kemudian kita drag lagi minyak goreng ke arah wajan tersebut lalu gambar wajan akan berisi minyak gimana caranya mohon bantuannya kakak/abang

Friday, July 15, 2016 at 9:16:45 AM
0
bedho 177 rep

bagus banget

Tuesday, August 15, 2017 at 8:11:29 AM
0
Nearlicious 481 rep

Makin sini Terjemahanya makin ngawur xD
perlu di Muter otak lagi buat paham apa mksdnya
tapi overall bisa :3 dan berhasil semua xD

Monday, August 28, 2017 at 10:50:59 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.