Advertisement
  1. Code
  2. iOS SDK
Code

Game Center dan Papan Peringkat untuk Aplikasi iOS Anda

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Perkenalan

Game Center adalah jaringan game sosial Apple. Ini memungkinkan pengguna untuk melacak nilai tinggi mereka di papan peringkat, membandingkan pencapaian, mengundang teman bermain, dan memulai permainan multipemain melalui pencocokan otomatis. Jadi, jika Anda telah membuat game iOS dan ingin pengguna dapat mengirimkan skor mereka ke papan peringkat Game Center, ini adalah tutorial yang tepat untuk Anda!

Untuk informasi lebih lanjut tentang aplikasi dan Game Center, kunjungi halaman Pengembang Apple-nya.

Proyek Xcode

Demi tutorial ini, saya telah membuat proyek Xcode dasar yang bisa Anda download dari GitHub. Saya akan menjelaskan semua langkah yang diperlukan untuk membuat papan peringkat di iTunes Connect dan kode yang dibutuhkan untuk mengirimkan skor ke dalamnya, bersama dengan tombol untuk membuka papan peringkat dari dalam aplikasi.

Beginilah tampilan Storyboard aplikasinya:

Demo Xcode project

Proyek ini memiliki UILabel dengan teks merah yang saya sebut scoreLabel dan beberapa UIButtons. Yang merah akan menambahkan 10 poin ke skor dan mengirimkannya ke papan peringkat Game Center, dan yang biru akan membuka GKGameCenterViewController dan menunjukkan papan peringkat itu.

Hal pertama yang harus dilakukan adalah mengaktifkan Game Center di tab Capabilities di Xcode.

Enable Game Center in the Capabilities tab

Kemudian Anda harus mengimpor GameKit di bagian atas file ViewController.swift Anda dan menambahkan protokol GKGameCenterControllerDelegate ke deklarasi kelas.

Mari menambahkan beberapa variabel sekarang. Anda bisa langsung menyisipkan kode ini ke kelas ViewController Anda:

Variabel pertama menunjukkan jika Anda mengaktifkan Game Center, dan yang kedua akan digunakan kemudian oleh kode otentikasi pemain lokal untuk mengaktifkan GameKit untuk mengidentifikasi papan peringkat default.

score awalnya akan menjadi 0, tentu saja.

LEADERBOARD_ID adalah String yang harus Anda tetapkan agar Game Center mengirimkan skor Anda ke server melalui identifikasi papan peringkat default. Pilih nama yang Anda inginkan, namun perlu diingat bahwa itu harus memiliki sintaks yang web-reversed. Itu sebabnya saya telah mengidentifikasi papan peringkat ini sebagai com.score.mygamename, dimana mygamename harus diganti dengan nama aplikasi Anda dalam huruf kecil, tanpa spasi.

Sebelum mengaktifkan Game Center di halaman iTunes Connect dari aplikasi Anda, mari selesaikan kode dasar. Tambahkan baris ini ke viewDidLoad():

Dan tambahkan fungsi berikut tepat di bawah viewDidLoad():

Jika pengguna belum login ke Game Center dari Settings di perangkat mereka, metode di atas akan menampilkan layar login Game Center segera setelah terhubung ke server GC. Setelah pemain login, aplikasi mendapatkan id papan peringkat default.

Pada metode selanjutnya, kami akan membuat aplikasi ini meraih string LEADERBOARD_ID yang sebelumnya telah Anda buat dan mengirimkannya sebagai id papan peringkat default dari server Game Center.

Kode di atas juga menambahkan 10 poin ke nilai saat ini, jadi setiap kali Anda mengklik tombol Add Score dan Submit To GC, Anda akan melihat label nilai merah berubah, dan aplikasi akan mengirimkan skor terbaru ke papan peringkat GC Anda.

Anda perlu menambahkan metode delegasi GameKit yang akan memberhentikan GC Controller.

Hanya ada satu metode tersisa untuk kode sebelum membuat papan peringkat Anda di iTunes Connect, yang merupakan tindakan untuk tombol yang akan membuka Game Center ViewController.

Seperti yang dapat Anda lihat di atas, kode ini memberi inisiasi controller GC, menugaskan delegasi ke controller tersebut, menyetel status view dari controller untuk menampilkan papan peringkat, dan meneruskan LEADERBOARD_ID sebelum menghadirkan controller-nya.

Sekarang kita sudah menyelesaikan pengkodeannya, tapi Anda belum bisa menjalankan aplikasinya. Jika Anda melakukannya, Anda akan mendapatkan pesan kesalahan dari Xcode karena Anda belum membuat papan peringkat sendiri di halaman iTunes Connect di aplikasi Anda.

Mempersiapkan Game Center di iTunes Connect

Anda seharusnya telah membuat aplikasi iOS di iTunes Connect dengan Bundle Identifier Anda sendiri. Sekarang masukkan App Anda dari dashboard iTunes Connect Anda, dan klik Features dan kemudian Game Center.

Kemudian klik ikon + di samping Leaderboards.

App Features page on iTunes Connect

Pilih Single Leaderboard di layar berikutnya.

Add a leaderboard

Di sini Anda harus mengetikkan nama yang ingin Anda beri pada papan peringkat Anda. Pada gambar di bawah, saya telah menggunakan My Leaderboard Name seperti contohnya. Anda bisa menamakan Best Score Leaderboard atau apapun yang Anda inginkan.

Di kolom Leaderboard ID, tempelkan string LEADERBOARD_ID yang telah kita buat sebelumnya di proyek Xcode.

Karena skor adalah angka, pilih Integer di field Score Format Type. Anda dapat memilih opsi yang Anda inginkan untuk Submission Type dan Sort Order. Kosongkan Score Range (Optional).

Terakhir, klik tombol Add Language.

Set leaderboards details

Di jendela popup, Anda harus memilih bahasa papan peringkat Anda. Standarnya selalu bahasa Inggris. Ketik nama bahasa Inggris papan peringkat Anda lagi, dan pilih Score Format (saya memilih koma untuk memisahkan kelompok digit).

Field Score Format Suffix adalah opsional; Anda bisa membiarkan kedua field kosong atau mengetikkan akhiran yang diinginkan. Misalnya, jika permainan Anda memiliki nilai poin, Anda dapat mengetikkan "point" dan "points" untuk jamak, jadi controller Game Center akan menambahkan akhiran ke akhir skor yang ditampilkan di papan peringkat Anda, seperti "1 point" atau "100 points".

Anda juga bisa menambahkan sebuah ikon. Gambar harus berupa file .jpeg, .jpg, atau .png yaitu 512x512 atau 1024x1024 piksel, setidaknya 72 DPI, dan di ruang warna RGB tanpa latar belakang transparan. Klik Choose File untuk mengunggah gambar Anda.

Terakhir klik Save, dan Anda sudah selesai. Anda dapat mengulangi langkah-langkah di atas untuk menambahkan lebih banyak bahasa—pastikan untuk mengetikkan nama papan peringkat berdasarkan bahasa yang dipilih.

Add a leaderboards language

Setelah menambahkan sebuah jendela, Anda dapat memeriksa rincian papan peringkat Anda. Jika semuanya baik-baik saja, klik Save, dan Anda akan diarahkan ke halaman Features, dengan papan peringkat baru Anda.

Language added for a new leaderboard
Features page

Sekarang saatnya mengaktifkan Game Center di bagian App Store di aplikasi Anda. Klik App Store dan Prepare for Submission.

App Store section

Gulir ke bawah sampai Anda menemukan Game Center dengan switch di sebelahnya. Aktifkan ini, dan warnanya akan berubah hijau. Kemudian klik tanda + di sebelah Leaderboards, pilih papan peringkat Anda dari daftar, dan klik Done.

Klik Save di pojok kanan atas jendela, dan Anda akan selesai mengatur Game Center di iTunes Connect.

Save your app with Game Centers leaderboard

Anda sekarang dapat kembali ke proyek Xcode Anda dan menjalankan aplikasi di perangkat nyata atau bahkan di Simulator iOS. Jika Anda belum login ke Game Center, controller Sign In akan muncul. Yang tampak seperti ini:

Game Center Sing In screen

Masuk dengan kredensial Anda, dan Anda dapat mulai menguji aplikasinya!

Dalam metode addScoreAndSubmitToGC() kita, kita menambahkan panggilan print() berikut ini:

Jadi jika Anda menekan tombol merah, scoreLabel akan menampilkan "10", dan konsol Xcode akan mencetak Best Score yang dikirimkan ke Leaderboard Anda!

Score updated and submitted to your leaderboard

Sentuh tombol merah tiga kali lagi, lalu ketuk yang biru untuk membuka papan peringkat Anda, dan periksa apakah skor yang dikirimkan adalah 40. Anda akan melihat seperti ini:

GC controller for leaderboards

Kesimpulan

Jika Anda ingin melihat Game Center beraksi dengan aplikasi game yang berfungsi penuh, Anda mungkin ingin melihat template permainan CodeCanyon Four Dots saya. Ini adalah template untuk permainan tanpa henti yang minimal yang menyimpan nilai terbaik dan mengirimkannya ke Game Center.

Four Dots iOS app template on CodeCanyon

Template game seperti ini adalah cara yang bagus untuk memulai permainan Anda selanjutnya. CodeCanyon memiliki ratusan template game iOS yang dapat Anda gunakan untuk lompatan pengembangan—membiarkan Anda membangun permainan keren berikutnya yang jauh lebih cepat!

Terima kasih telah membaca, dan saya akan menemui Anda lain kali! Silakan periksa beberapa tutorial kami yang lain tentang pengembangan aplikasi Swift dan iOS.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.