Cara Membuat Game Online

Apakah Anda pernah memainkan game online dan berpikir, “Saya ingin membuat hal seperti ini, saya memiliki beberapa ide bagus”? Dulunya Anda harus belajar cara code dalam ActionScript 3, bahasa yang menggerakkan Flash. Namun, berkat beberapa program pembangun game, pengalaman coding merupakan persyaratan masa lalu. Anda bisa membuat game menyenangkan dan mendalam dengan memanipulasi objek dan logika, tanpa menyentuh garis code sama sekali.

Metode 1

Metode 1 dari 3:

Merancang Game

Unduh PDF

1
Tulis deskripsi dasar. Masukkan fitur dan apa yang Anda ingin pemain itu capai. Sangat bagus untuk memiliki garis dasar mengenai apa yang ingin Anda lakukan dengan game Anda secara tertulis agar Anda bisa melihatnya sambil mengerjakannya.
- Lihat panduan ini untuk mengetahui detail lebih banyak lagi mengenai menulis dokumen rancangan game.
Gambar rancangan dasar layar seperti yang Anda inginkan. Ini tidak harus begitu detil, namun Anda setidaknya memiliki ide mengenai dimana berbagai elemen akan diletakkan di layar. Ini akan sangat berguna nantinya saat Anda mulai membangun interface untuk game Anda.
3
Pilih metode untuk membuat game Anda. Awalnya, Anda perlu belajar code untuk ActiopnScript3 untuk membuat game Flash. Walaupun Anda masih bisa melakukan itu, ada program yang tersedia yang bisa membuat pembuatan game lebih mudah dipelajari dan tidak membutuhkan pengalaman coding. Beberapa pilihan populer untuk membuat game termasuk:
- Stencyl – Ini merupakan alat lebih baru yang membolehkan Anda membangun game menggunakan script objek dan logika. Game ini lalu bisa dikonversi menjadi projek Flash dan diunggah ke situs web apapun yang mendukung game Flash.
- Construct 2 – Selagi Flash semakin menua, ia harus mulai digantikan oleh cara lain membuat game. Salah satu cara terbaru untuk membuat game online adalah menggunakan HTML5. Biasanya ini membutuhkan banyak pengetahuan coding, namun Construct 2 membolehkan Anda membuat game menggunakan objek dan scripting, seperti Stencyl.
- Flash Builder – Ini merupakan metode tradisional untuk membuat game Flash. Ini membutuhkan cukup banyak pengetahuan ActionScript, namun merupakan salah satu bahasa yang lebih mudah untuk dipelajari dasarnya. Flash Builder membutuhkan biaya, namun Anda bisa menggunakan program terbuka FlashDevelop untuk mendapatkan banyak kegunaan sama.
Iklan

Metode 2

Metode 2 dari 3:

Menggunakan Stencyl

Unduh PDF

1
Muat turun dan instalasi Stencyl. Stencyl merupakan program pembuatan game yang tidak membutuhkan pengetahuan coding apapun. Anda bisa menggunakan berbagai peralatan logika untuk memanipulasi objek dalam game.
- Stencyl bisa digunakan bebas biaya hanya jika Anda ingin menerbitkan game Anda online. Versi gratis akan memiliki logo Stencyl yang muncul di awal. Jika Anda mendapatkan versi berbayar, Anda bisa menerbitkan ke platform lain.
Saat Anda memulai Stencyl, Anda akan diperlihatkan daftar game Anda. Akan ada beberapa contoh game pada daftar yang bisa Anda lihat untuk melihat cara kerjanya. Untuk mulai mengerjakan game Anda, klik kotak dengan garis titik berlabel "Click here to create new Game” (“Klik disini untuk membuat Game baru”).
3
Pilih kit. Ada beberapa kit yang mengandung aset dan objek siap jadi yang bisa membantu Anda cepat membangun dan menjalankan game Anda. Pilih kit jika Anda mau, atau pilih “Blank Game” (Game Kosong)
- Anda bisa memuat turun kit yang dibuat oleh pengguna lain online.
4
Masukkan informasi game Anda. Sebelum Anda mulai membangun game Anda, Anda perlu memasukkan beberapa informasi.
- Nama – Ini merupakan nama game Anda. Anda bisa mengganti ini nanti menjadi apapun yang Anda inginkan.
- Ukuran layar – Ini merupakan ukuran layar Anda, dan sangat penting karena ini akan mempengaruhi seni yang Anda gunakan. Karena biasanya orang akan memainkan game Anda dengan penelusur web mereka, ukuran layar tidak harus begitu besar. Cobalah Lebar: 640 px Tinggi: 480 px. Ini merupakan ukuran bagus untuk memulai.
5
Kenali tata letak. Saat Anda pertama memuat game Anda, Anda akan dibawa ke Dashboard. Inilah dimana Anda bisa melihat semua adegan untuk game Anda dan mengakses sumber apapun. Anda juga bisa mengubah pengaturan game Anda dari sini. Anda akan menghabiskan kebanyakan waktu Anda bekerja dalam Dashboard.
- Scene (Adegan) – Ini adalah jendela utama Dashboard, dan menunjukkan game sebenarnya serta semua asset. Game Anda akan menjadi koleksi adegan.
- Resources (Sumber )– Ini merupakan daftar semua objek dan asset dalam game Anda. Ini termasuk actor, latar belakang, font, adegan, logika, bunyi, dan tileset. Sumber diatur pada pohon di sebelah kiri layar.
- Settings (Pengaturan) – Opsi Game & Settings membolehkan Anda menyesuaikan bagaimana mekanik game Anda bekerja, termasuk kontrol, gravitasi, tabrakan, memuat layar, dan lainnya.
6
Buat actor. Aktor merupakan objek apapun yang bergerak atau bisa diajak interaksi dalam game (pemain, musuh, pintu, dll.) Anda akan perlu membuat actor untuk tiap objek dalam game Anda. Untuk membuat actor, klik opsi “Actor Types” (Tipe Aktor) pada menu Resources (Sumber). Pilih Aktor yang Anda inginkan dari daftar (daftar ditentukan dari kit yang Anda pilih).
- Pasang actor pada Grup (Pemain, Musuh). Ini akan membantu menentukan properti tabrakan aktor tersebut. Pilih aktor Anda untuk membuka Actor Editor (Penyunting Aktor). Lalu klik tab Properties, dan pilih grup yang sesuai dari menu yang jatuh ke bawah.
- Pilih kelakuan (melompat, menginjak, berlajan). Kelakuan adalah apa yang membolehkan aktor Anda untuk melakukan sesuatu. Klik tak Behaviors (Kelakuan), dan klik tombol “+ Add Behavior” (Tambah Kelakuan) di ujung bawah sebelah kiri. Piih kelakuan (seperti “Berjalan”) dari daftar, lalu klik “Choose” (Pilih).
- Atur kontrol. Jika Anda membuat karakter pemain, Anda akan ingin membolehkan pemain untuk menggerakkannya. Saat Anda menambahkan kelakuan Berjalan, Anda akan dibawa ke layar atribut Berjalan. Anda bisa menggunakan menu untuk memilih kunci apa yang akan menggerakkan aktor ke kiri dan kanan. Anda bisa memasang animasi juga jika kit yang Anda gunakan mengandungnya.
- Anda bisa menambah banyak kelakuan dan mengatur apa yang bisa dilakukan aktor.
7
Buat adegan. Adegan adalah apa yang dilihat pemain saat memainkan game. Ini merupakan latar belakang, dan juga objek dan aktor apapun yang terlihat. Untuk membuat adegan baru, klik opsi Scenes (Adegan) pada pohon Resources (Sumber), lalu klik kotak bergaris. Berikan adegan baru Anda nama untuk meneruskan.
- Background (Latar Belakang) – Adegan Anda akan diberi ukuran secara otomatis, jadi Anda tidak perlu khawatir mengenai itu untuk sekarang. Anda bisa memilih untuk menggunakan warna sebagai latar belakang, yang akan diberikan ubin di atasnya. Anda juga bisa memilih dari warna solid atau gradient. Klik “Create” (Buat) setelah selesai. Ini akan membuka Scene Designer (Perancang Adegan).
- Letakkan tile (ubin) – Tileset yang termasuk dalam kit Anda akan dimuat pada sebelah kanan jendela. Klik alat Pensil pada menu kiri, lalu klik ubin yang ingin Anda gunakan. Anda lalu bisa meletakkan ubin pada adegan Anda. Klik dan geser dengan mouse untuk melatakkan ubin ganda.
- Meletakkan aktor. Klik tab Actors (Aktor) di atas tileset Anda untuk beralih ke aktor Anda yang tersedia. Anda harus membuatnya sebelumnya agar bisa muncul dalam daftar ini. Klik aktor yang ingin Anda letakkan, dan klik pada adegan dimana Anda ingin ia muncul. Jika Anda menekan ⇧ Shift, aktor akan berpindah kesana.
- Menambahkan gravitasi. Klik tab “Physics” (Fisika) pada atas jendela, lalu masukkan nilai ke dalam kotak “Gravity (Vertical)”. Memasukkan 85 akan mensimulasikan gravitasi bumi nyata.
8
Uji game. Setelah Anda membuat adegan dan meletakkan beberapa aktor, Anda bisa menguji game. Klik tombol “Test Game” pada atas layar untuk memainkan apa yang kini sudah Anda buat. Anda bisa menggunakan kunci yang Anda atur untuk mengontrol karakter pemain Anda.
- Cari aspek apapun yang tidak bekerja, dan cobalah memperbaikinya. Contohnya, apakah musuh berkelakuan dengan benar? Apakah Anda bisa mengalahkan musuh? Apakah ada platform yang tidak bisa dicapai atau jurang yang tidak bisa dilintasi? Kembalilah ke area relevan penyunting game Anda untuk memperbaiki masalah apapun yang Anda temukan. Ini mungkin memakan sedikit waktu, namun hasil akhirnya akan lebih menyenangkan dan mudah dimainkan.
Kini Anda memiliki adegan yang bekerja dan bisa dimainkan, sekarang waktunya membangun seluruh game. Tambahkan tingkat dan tantangan, dan terus uji tambahan Anda untuk memastikan ia menyenangkan dan bekerja dengan benar.
10
Site Lock game Anda. Jika Anda akan mengunggah game pada situs yang menampung game Flash, atau menunggah ke situs Anda sendiri, Anda sebaiknya menggunakan “Site Lock”. Ini akan mencegah game Anda dimainkan jika tidak berada pada daftar situs yang diperbolehkan.
- Buka “Game Settings” dari pohon “Resources” Anda. Pilih bagian “Loader”. Masukkan situs yang Anda perbolehkan ke dalam kotak “Site Lock”, dipisahkan dengan koma dan tanpa spasi. Contohnya,newgrounds.com,kongregate.com.
- Selagi masih pada layar ini, masukkan halaman rumah Anda ke dalam kotak “Your Home Page” (Halaman Rumah Anda”, jika Anda memilikinya. Ini akan membolehkan pemain yang memainkan game Anda terkait pada situs Anda/
Setelah Anda puas dengan game Anda, Anda bisa mengekspornya menjadi format Flash. Ini akan membolehkan Anda mengunggah game ke situs yang menampung game Flash, atau ke situs web Anda sendiri. Klik ‘’’Publish’’’ (Terbitkan) pilih “Web” lalu klik “Flash”. Simpan file pada lokasi yang mudah ditemukan di komputer Anda.
12
Terbitkan game. Setelah Anda memiliki file Flash (.SWF), Anda bisa mengunggahnya pada situs pilihan Anda. Ada beberapa situs online yang menampung game Flash, dan beberapa bahkan mungkin membolehkan Anda mendapatkan uang dari penghasilan iklan. Anda juga bisa mengunggah game pada situs web Anda sendiri, namun Anda sebaiknya memastikan bahwa Anda memiliki bandwidth untuk menampung pemain jika game menjadi populer.
- Lihat panduan ini untuk mengunggah game pada situs web Anda sendiri.
- Jika Anda ingin mengunggah game Anda ke situs seperti Newgrounds atau Kongregate, Anda perlu membuat akun lalu melalui proses pengunggahan untuk situs tersebut. Ketentuan akan bervariasi untuk tiap situs.
- Jika Anda ingin menerbitkan game Anda ke Stencyl Arcade, Anda bisa melakukannya dari dalam program Stencyl. Klik ‘’’Publish’’’ pilih “Stencyl” lalu klik “Arcade”. Game akan secara otomatis terunggah, jadi pastikan Anda puas dengan namanya sebelum melakukan ini. Stencyl Arcade memiliki batas ukuran file MB.^{[1]XTeliti sumber}
Iklan

Metode 3

Metode 3 dari 3:

Menggunakan Construct 2

Unduh PDF

1
Muat turun dan instalasi Construct 2. Program ini membolehkan Anda membuat game HTML5 dengan coding sedikit saja. Anda perlu memasang beberapa variabel, namun ini semua dilakukan melalui menu tanpa coding diperlukan.
- Construct 2 gratis, walaupun beberapa fitur terbatas kecuali melakukan upgrade. Versi gratis tidak bisa menerbitkan ke platform lain selain HTML5.
2
Buat projek baru. Saat Anda pertama memulai Construct 2, Anda akan disambut dengan menu Selamat Datang. Klik tautan “New Project” untuk memulai game baru. Ada beberapa contoh juga yang bisa Anda gunakan untuk melihat bagaimana pembuatan game dasar.
- Saat memulai projek baru, Anda akan diberikan daftar template. Untuk projek pertama Anda, sebaiknya memulai dengan projek kosong. Ini akan membolehkan Anda terbiasa dengan dasar tanpa templates menghalangi.
Pada sebelah kiri jendela projek, Anda akan melihat serangkaian benda pada bingkai Properties. Anda bisa menggunakan ini untuk mengatur ukuran layar Anda dan memasukkan game serta informasi perusahaan Anda.
4
Masukkan latar belakang. Klik layout dua kali. Pilih “Tiled Background” dari bagian General. Klik layout Anda untuk meletakkan latar belakang. Ini akan membuka penyunting latar belakang. Anda akan perlu membuatnya sendiri menggunakan software penyunting gambar, atau memuat turun tekstur dari beberapa lokasi online.
- Atur latar belakang menjadi ukuran layout. Lakukan ini dengan memilih objek latar belakang dan mengubah ukurannya pada bingkai Properties.
- Ganti nama layer dan kunci. Anda sebaiknya mengunci layer untuk menghindari secara tidak sengaja menggerakkannya saat meletakkan objek lain. Klik tab “Layers” pada sebelah kanan layar. Pilih layer, dan klik tombol Pensil. Namakan layer tersebut “Latar Belakang”, lalu klik tombol “Padlock” untuk mengunci latar belakang.
Pada tab layers, klik tombol “+” untuk membuat layer baru. Namakan menjadi “Utama”. Ini akan menjadi layer dimana kebanyakan objek game Anda akan tinggal. Pastikan bahwa layer Utama dipilih sebelum meneruskan.
6
Tambahkan input untuk game Anda. Dalam Construct 2, input Anda perlu ditambahkan sebagai objek ke dalam game Anda. Ia tidak terlihat, dan akan mengaktifkan penggunaan keyboard dan mouse dalam projek.
- Klik layout dua kali lalu pilih “Mouse” dari bagian input. Lakukan hal sama untuk memasukkan objek “Keyboard”.
7
Tambahkan objek. Sekarang waktunya menambahkan beberapa objek game ke dalam layout Anda. Klik layout dua kali dan pilih “Sprite” dari bagian general. Gunakan bidik untuk memilih dimana Anda ingin meletakkan Sprite. Penyunting gambar akan terbuka, membolehkan Anda memuat sprite yang sudah ada atau membuat yang baru.
- Saat, Anda memilih sprite pada layout, properti sprite akan memuat pada bingkai kiri. Ubah nama sprite agar Anda bisa mengidentifikasi dan mengacu padanya dengan lebih mudah.
8
Tambah kelakuan pada objek Anda. Untuk menambahkan kelakuan, klik objek yang ingin Anda tambahkan kelakuannya untuk memilihnya. Klik tautan “Add/edit” pada bagian Behaviors pada bingkai Properties. Daftar kelakuan yang tersedia akan muncul.
- Kelakuan merupakan butiran logika yang sudah dikonfigurasi yang membolehkan Anda dengan cepat menambah kegunaan pada objek Anda. Anda bisa memmilih dari varasi luas kelakuan yang sudah dibuat yang bisa menampilkan variasi luas kegunaan. Contohnya, untuk membuat lantai padat, berikan kelakuan “Solid” (padat). Untuk menggerakkan karakter ke 8 arah, berikan kelakuan “8 direction movement” (gerakan 8 arah).
Anda bisa menyunting kelakuan untuk menyesuaikan cara kerja objek Anda. Anda bisa mengubah nilai untuk mengubah kecepatan, arah, dan property lainnya.
Kejadian merupakan daftar kondisi, dan merupakan apa yang melarikan game. Jika kondisi dicapai, kejadian terjadi. Jika kondisi tidak tercapai, kejadian tidak terjadi. Halaman kejadian biasanya berlari sekitar 60 kali per detik. Tiap kali berlari dinamakan “tick”.
11
Buat kejadian. Klik halaman Event (kejadian) dua kali. Daftar objek yang tersedia akan muncul. Pilih objek yang ingin Anda buatkan kejadian, atau Anda bisa membuat kejadian System.
- Pilih kapan aksi terjadi. Setelah memilih objek, Anda akan diminta untuk memilih kapan kejadian itu terjadi. Ini bisa berdasarkna kejadian lain atau pada waktu tertentu. “Tiap tick” selalu.
- Tambahkan aksi. Anda akan diminta untuk memilih salah satu objek Anda. Pilih dari daftar aksi. Contohnya, jika Anda membuat penembak, dan ingin karakter pemain selalu menghadap mouse, Anda akn membuat aksi “Arahkan sudut pandang menghadap posisi” pada tiap tick yang diatur pada objek pemain. Saat dimintai koordinat, masukkan “Mouse.X” untuk X dan ‘Mouse.Y” untuk Y. Ini akan membuat kapal pemain selalu menghadap kursor.
Ini merupakan tulang belakang permainan Anda. Menambah dan memperbaiki kelakuan dan kejadian akan membantu Anda membuat game unik dan menyenangkan yang ingin dimainkan orang. Bereksperimen dengan kejadian berbeda untuk berusaha mendapatkan permainan yang benar=benar Anda inginkan.
13
Tambah variabel. Ada dua tipe variabel dalam Construct 2: instance variable dan global variable. Ini membolehkan Anda membuat nilai untuk objek dan game Anda, seperti kesehatan, batas waktu, skor, dan banyak lagi.
- Instance variable – Instance variable dipasang pada satu objek. Ini digunakan untuk hal seperti musuh dan kesehatan pemain. Anda bisa menambahkan instance variable setelah memilih objek dengan mengklik tautan ‘Add/edit” pada bagian Variables dari binkai Properties. Berikan variabel itu nama yang bisa diacukan pada kejadian, dan juga nilai inisial.
- Global Variable - Global variable merupakan variabel yang dipasang pada seluruh permainan. Ini digunakan untuk hal seperti skor pemain. Untuk membuat global variable, buka halaman Event dan klik kanan pada ruang kosong. Klik “Ass global variable”, berikan nama agar bisa diacu dalam kejadian, lalu masukkan nilai inisial.
14
Buat interface. Saat membuat interface, biasanya paling baik untuk melakukannya pada layer baru. Ini karena interface sangat jarang bergerak atau berubah, jadi lebih baik untuk meletakkannya pada layer yang dikunci. Dalam bingkai Properties untuk layer baru, atur “Parallax” pada 0. Ini akan menahan layer bergeser saat layar bergerak.
- Gunakan kotak teks dan variabel untuk membuat interface Anda. Anda bisa mengatur kotak teks Anda untu menampilkan kesehatan, skor, ammo atau apapun yang perlu dilihat pemain secara berkala.
Kini Anda telah memiliki beberapa objek pada layar dengan kejadian dan kelakuan, Anda bisa mulai menguji dan menambahkan konten. Klik tombol “Play” di atas layar untuk membantu dan menguji game. Catat apapun yang tidak bekerja, dan usahakan memperbaikinya agar game Anda bisa dimainkan dan menyenangkan.
Jika Anda puas dengan game Anda, Anda bisa mengekspornya agar bisa diunggah ke situs web dan dimainkan siapapun. Untuk mengekspor game, klik menu ‘’’File’’’ dan pilih “Export”. Simpan projek ke lokasi yang mudah Anda temukan.
Ada beberapa situs yang membolehkan Anda mengunggah game HTML5 untuk dimainkan orang lain. Anda juga bisa menambah game ke situs web Anda sendiri. Lihat panduan ini untuk mengetahui detail cara mengunggah game ke situs web Anda sendiri.^{[2]XTeliti sumber}
Iklan

Tips

Jika Anda lebih tertarik dalam mempelajari code di belakang game Flash, Anda bisa menggunakan Flash Builder dan code ActionScript3 untuk membuat game. Ini akan memakan waktu lebih lama namun bisa menghasilkan pengalaman yang lebih unik. Lihat panduan mengenai program dalam ActionsScript3.
Berikan penghormatan pada sumber manapun dimana Anda mengambil ide dan konten, dan pada siapapun yang membantu Anda membuat game.